学习ccs和制作网站当中遇到的一些疑问，整理的一些笔记. 1.marquee 滚动样式是IE独有的,FF不支持 2.css中的filter效果是IE的私有属性,同样所有的非IE浏览器都不认识的. 3.text-transform:capitalize 强制第一个字母大写； text-transform:lowercase 强制所有字母小写 text-transform:uppercase 强制所有字母大写 4.按钮陷下去的效果 a:hover { position:relative; top:1px; left:1px} 5.禁止内容换行与强制内容换行 在表格或层中我们可能希望内容不换行或强制换行，我们可以通过一些css属性来达到这些要求。 禁止换行：white-space:nowrap 强制换行：word-wrap: break-word; word-break: normal; 6.css在容器内的定位 #navigation { position:absolute; left:30px; top:5px} 7 文字环绕图片效果，只要在img标签上加上float:left. img { float:left} 8 当写了一个空div时，这个div在IE是有默认高度的，FF下没有。要取消默认高度，可以定义： div { witdh:100%; background:#ccc; ling-height:0} 9.区别relative和absolute Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。 Relative，CSS中的写法是：position:relative; 他的意思是绝对相对定位，他是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。 10.区别display和visibility display:none和visibility:hidden都可以隐藏一个元素 但visibility:hidden则相当把元素从页面中去除，其占用位置也将被删除。 而display:none只是隐藏了元素的内容，但其使用的位置空间仍然被保留。

　　推荐阅读

　　CSS教程：语义化方法替代结构化方法

今天脚本之家想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。 　CSS代码的命名惯例一直是大家热>>>详细阅读

本文标题：CSS学习之CSS网页制作的10个技巧

地址：http://www.17bianji.com/kaifa2/CSS/16947.html

 1/2    1