-
wan查看全部
-
1改变按钮的类 2改变图像的路径 3改变每个图像的你节点的className 4 ① oBtn.className=""; ② aImg[i].src="./images/small.jpg"; ③ aImg[i].parentNode.className="a-img small";//这里边有两个class：a-img和small查看全部
-
class值还可以新加一个列如加一个small<a href="#" class="a-img small">如是.small引用了small的所有内容都会发生样式变化 如是.a-img .small说明在引用a-img的标签下引用small的内容发生样式变化。查看全部
-
1.overflow:hidden;有两个重要的作用：①把多余的部分裁减掉 ②清除浮动 2.图片的大小超过了a标签的范围： <a>标签为内联元素，所以给其设定宽高是达不到效果的，必须将其设置为块级元素。同时给其设定宽高后，其内部的大图片也会溢出，可以用overflow属性隐藏溢出部分。 2.li设置浮动后，不会把父级标签ul撑起来，需要清除浮动--overflow:hidden;（给ul加overflow:hidden;） 3.list-style:none;//清除序列样式(如:实心点) display:block;//作为块元素 overflow:hidden;//清除浮动 text-align:center;//文字居中 text-decoration:none;//清楚文字修饰(如:下划线）查看全部
-
■右上角按钮图片的定位： 背景图片设置的代码顺序：background:颜色 路径 是否平铺 left top (透明度,如果有的话); 注：①left top的定位是以图片左上角为原点 ②可以用PS测距离大小：看信息面板里的W和H值 ③如果上面直接写left top 就相当于background-position:0 0; 按钮设置<a href="#" title="列表模式"></a>；a是内联元素，设置display：block display的常见作用： 1.让元素从none到可见 2.块元素和内联元素的相互转换（主要体现在换行上）查看全部
-
使用table： 1. 不利于后期维护，容易产生表格套表格情况，后期调试很麻烦； 2. 不利于SEO（搜索引擎优化）查看全部
-
列表排列所需属性查看全部
-
css sprite技术 基本的原理，就是利用background-postion的负值来进行调节。 当我们定位于background-position:-50px -50px;时发现图片向左上，移动了，也就以DIV的左上角为中心，图向左移动了50PX，向右也移动了50PX．查看全部
-
1、列表模式和卡片模式的区别： ① 两个按钮的class值的区别 ② 每个li里图片路径的区别 ③ 以及图片的父节点a标签里的class值的区别查看全部
-
原来class值还可以新加一个列如加一个small<a href="#" class="a-img small">如是.small引用了small的所有内容都会发生样式变化 如是.a-img .small说明在引用a-img的标签下引用small的内容发生样式变化。查看全部
-
这里将列表模式和卡片模式分别放在各自的html页面中（包括布局和CSS样式）查看全部
-
height:200px;line-height:200px;text-align:center;查看全部
-
@--信息排列效果--2-2 信息卡片模式布局 注意要点--overflow:hidden重要的两个作用：把多余的部分裁减掉／清除浮动 1.图片的大小超过了a标签的范围： <a>标签为内联元素，所以给其设定宽高是达不到效果的，必须将其设置为块级元素。同时给其设定宽高后，其内部的大图片也会溢出，可以用overflow属性隐藏溢出部分。display:block;overflow:hidden; 2.li设置浮动后，不会把父级标签ul撑起来，需要清除浮动--overflow:hidden;（给ul加overflow:hidden;）查看全部
-
list-style:none;//清除序列样式(如:实心点) display:block;//作为块元素 overflow:hidden;//清除浮动 text-align:center;//文字居中 text-decoration:none;//清楚文字修饰(如:下划线) overflow:hidden//把多余的部分裁减掉／清除浮动查看全部
-
用一张大的图片作为背景。在photoshop中用top和left进行定位。查看全部
举报
0/150
提交
取消