日期:2014-05-17  浏览次数:20557 次

CSS实战手册笔记
      1、浏览器有高速缓存,因此外部样式表要清除缓存后才能生效(IE下用CTRL+F5强制刷新可得到清缓存效果)。
      2、引入外部样式表: <link rel="stylesheet" type="text/css" href="css/global.css">。
      3、子选择器:body>h2(代表body下的h2元素);同胞选择器:h2+p。
      4、ID选择器高于类选择器的优先权。
      5、属性选择器:a[href^="http://"]。^以......开始,$(结尾),*(包含)。
      6、继承:设置body的color为红色,则其下的P等标签的颜色则同样为红色,但如果P本身有颜色属性,则以自己的为主。一般来说,影响网页元素位置的属性,或者页边距,背景颜色和元素的边框线等,都不会被继承。
      7、样式的权重:标签选择器1分,类选择器10分,ID选择器100分,内建样式1000分。
      8、font-family:"Times New Roman",Times,Serif;设置字体,如果字体有多个单词用双引号扣起来,逗号隔开表示如果没第一个字体则用下一个。
      9、行内标签(inline)无法设置高度,除非设置display:block。
      10、border : 4px solid #F00 (color,width,style顺序可变)。
      11、float:left 让元素滑倒左边,同时让下方的内容包围元素的右边。
      12、background和border不能float,需添加overflow:hidden。
      13、clear:left 样式将落至左浮动元素的下方,但仍将环绕右浮动的元素。