-
我们经常在设计网站的导航部分的时候，如果想让导航超链接hover显示背景，但稍不注意，默认的inline会让你抓狂，因为display:inline会将超链接显示为内联元素，即没有宽和高的作用效果，这里无论你背景怎么设置，宽高都不会超出超链接的宽高范围！所以我们可以使用 block 或 inline-block 来解决此问题！ display:block 此元素将显示为块级元素，此元素前后会带有换行符。 display:inline-block 行内块元素。（CSS2.1 新增的值） 当我们在<a>标签里添加 display:block 或 display:inline-block 时，<a>标签也就有了块元素的一些特性，此时我们设置<a>标签的宽高才会起作用，hover背景也才会有效果，不同的是，display:block 会让元素前后带上换行符，所以如果想让导航元素在一行内显示，则需要添加float属性，完整的写法如下： 1 <a href="#" >block</a> 而display:inline-block 则不需要float属性，因为它的本身就是行内块元素，写法如下： 1 <a href="#" >block</a>查看全部
-
1、li是块级元素，a是内联元素，给a设置display:block 可以是设置的背景颜色显示所需要的宽度和高度。 2、当超链接设置背景颜色和背景图片时，能显示的都会显示出来。查看全部
-
style标签内不能有<!-- -->的注释符 否则会把css的样式给注释掉查看全部
-
padding-left 图片与文字的距离 左查看全部
-
list-style-type:none; 去除li前面的小圆点查看全部
-
line-height 行高查看全部
-
焦点图初始化的ID，与图片列表最外层的ID一致 图片列表外面包裹一个class为pic的div查看全部
-
vertical-align:middle查看全部
-
vertical-align:middle 垂直属性：居中查看全部
-
a:link {color: #FF0000} /* 未访问时的状态 */ a:visited {color: #00FF00} /* 已访问过的状态 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态 */ a:active {color: #0000FF} /* 鼠标按下去时的状态 */查看全部
-
a:link 超链接的初始链接查看全部
-
元素内容不确定时，不能给元素及它的父元素设置固定高度，否则内容会溢出，可以给元素及它的父元素设置一个最小高度min-height PS：ie6 不支持min-height属性，支持_height属性，所以为了兼容性两个都写上 记得给外围div也设置追小高度查看全部
-
list-style-image：url（路径） 设置li的样式查看全部
-
嗯哼查看全部
-
1.先分析布局与盒子间的嵌套关系再开始写代码。查看全部
举报
0/150
提交
取消