CSS——思维导图总结&复盘

问题复盘

1. 什么是CSS?
CSS全称是Cascading Style Sheets（层叠样式表），作用主要是给HTML中的内容添加表现的样式。它有效的解决了内容和表现分离的问题。

如果把HTML比作构成网页的头、身体、四肢。那么CSS就是网页的衣服、化妆品、配饰和发型。能够把网页变得更加漂亮，得体。

2.记住全局CSS设置

1. 清除所有的标记的内外边距：body,ul,li,a,img,input{marging:0;padding:0;}
2. 去除项目符号或编号前面的符号:ul,ol,li{list-style:none;}
3. 全局链接效果

    * a:link,a:visited{color:#444;text decoration:none;}
    * a:hover{color:red;}

4. 网页中的所有的文字大小颜色:body{font-size:12px;font-family:Arial,宋体;}
5. 去除图片的链接边框线：img{border:0;}
6. 全局的类样式：

    * .floatL{float:left;}
    * .floatR{rigth:right;}i
    * .clear{clear:both;}
    * .blank10{height:10px;clear:both;}(清除浮动后，中间加距离)
    * .red{color:red;}
    * .blue{color:blue;}

思维导图

CSS.png

完