CSS自学教程--一天搞定CSS（终篇总结）
2017-05-12 15:45
225 查看
虽然说是一天搞定CSS，实际上也没有那么简单。只能说让你快速了解常见的CSS知识，解决基本的页面样式布局和设置。
每个独立的CSS知识点都比较简单，但是它们的应用非常灵活，特别是在综合应用中。
粗略说，大概也就十几个知识点：
浮动（float）的副作用：http://blog.csdn.net/baidu_37107022/article/details/71554283
浮动（float）与inline-block的区别：http://blog.csdn.net/baidu_37107022/article/details/71516634
http://blog.csdn.net/baidu_37107022/article/details/71634396
支持IE的Layout布局：http://blog.csdn.net/baidu_37107022/article/details/71640304
f132
http://blog.csdn.net/baidu_37107022/article/details/72128522
每个独立的CSS知识点都比较简单，但是它们的应用非常灵活，特别是在综合应用中。
粗略说，大概也就十几个知识点：
1.CSS用法篇
1.CSS基本概念，以及分类
http://blog.csdn.net/baidu_37107022/article/details/712493452.表框border—粗细，样式，颜色
http://blog.csdn.net/baidu_37107022/article/details/712500593.背景background—背景颜色、背景图片以及定位、滚动、重复
http://blog.csdn.net/baidu_37107022/article/details/712501824.字体font—颜色、大小、字体类别、行高、粗细
http://blog.csdn.net/baidu_37107022/article/details/712718375.盒模型box—content、padding、border、margin
http://blog.csdn.net/baidu_37107022/article/details/712729006.文本text–颜色、缩进、单词间距
http://blog.csdn.net/baidu_37107022/article/details/712725607.CSS选择器—class、id、标签、群组、包含、通配符
http://blog.csdn.net/baidu_37107022/article/details/714406868.CSS选择器优先级–行间>id>class>标签>通配符
http://blog.csdn.net/baidu_37107022/article/details/714407669.样式初始化—淘宝样式初始化
http://blog.csdn.net/baidu_37107022/article/details/7144087710.浮动float–left、right、none
http://blog.csdn.net/baidu_37107022/article/details/7151598411.清除浮动float—浮动的缺点、浮动与inline-block区别
清除浮动：http://blog.csdn.net/baidu_37107022/article/details/71557806浮动（float）的副作用：http://blog.csdn.net/baidu_37107022/article/details/71554283
浮动（float）与inline-block的区别：http://blog.csdn.net/baidu_37107022/article/details/71516634
12.overflow—子级溢出父级的问题处理，auto、hidden、visible、scroll
http://blog.csdn.net/baidu_37107022/article/details/7161740713.两种布局—BFC和Layout
BFC布局与普通文档流布局比较：http://blog.csdn.net/baidu_37107022/article/details/71634396
支持IE的Layout布局：http://blog.csdn.net/baidu_37107022/article/details/71640304
14.定位position—fixed，relative，absolute，static
http://blog.csdn.net/baidu_37107022/article/details/7164214715.层级z-index
http://blog.csdn.net/baidu_37107022/article/details/7164288516.表格table—table、thead、tbody、tfoot、tr、th、td
http://blog.csdn.net/baidu_37107022/article/details/7171328117.表单form—input、label、textarea
http://blog.csdn.net/baidu_37107022/article/details/71713723f132
2.浏览器兼容性
WEB前端：浏览器（IE+Chrome+Firefox）常见兼容问题处理–01
http://blog.csdn.net/baidu_37107022/article/details/71972223WEB前端：浏览器（IE+Chrome+Firefox）常见兼容问题处理–02
http://blog.csdn.net/baidu_37107022/article/details/71973570WEB前端：浏览器（IE+Chrome+Firefox）常见兼容问题处理–03
http://blog.csdn.net/baidu_37107022/article/details/719770533.练习篇
【小练习01】CSS–PS提示框制作
http://blog.csdn.net/baidu_37107022/article/details/71330741【小练习02】CSS–网易产品
http://blog.csdn.net/baidu_37107022/article/details/71330797【小练习03】CSS-表格（table）–天气预报
http://blog.csdn.net/baidu_37107022/article/details/71713520【小练习04】HTML+CSS–医药健康小页面
http://blog.csdn.net/baidu_37107022/article/details/71747086【小练习05】HTML+CSS–淘宝商铺小页面
http://blog.csdn.net/baidu_37107022/article/details/71747249【小练习06】HTML+CSS–电影公告
http://blog.csdn.net/baidu_37107022/article/details/71747637【小练习07】HTML+CSS–教学大讲堂
http://blog.csdn.net/baidu_37107022/article/details/717476824.扩展：CSS Hack
一天搞定CSS（扩展）：CSS Hackhttp://blog.csdn.net/baidu_37107022/article/details/72128522
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML自学教程--一天搞定HTML（总结）
- 最通俗PLC教程—源自Koyo光洋PLC自学总结(2)
- CSS 基础教程、整理资料、笔记总结
- 一天搞定CSS： 浮动（float）及文档流--10
- 一天搞定CSS：BFC布局与普通文档流布局比较--15
- 一天搞定CSS： overflow--14
- CSS教程：总结清除浮动的方法
- 一天搞定CSS：表单（form）--20
- 一天搞定CSS：盒模型content、padding、border、margin--06
- 一天搞定CSS：文本text--05
- 一天搞定CSS：层级(z-index)--18
- 黑马程序员 自学日记 一天搞定html
- 关于CSS自学时的一些总结
- CSS自学笔记(一)总结补充
- 一天搞定CSS：css选择器--07
- 最通俗PLC教程—源自Koyo光洋PLC自学总结(3) 推荐
- HMM 自学教程（八）总结
- 这可能是史上最全的CSS自适应布局总结教程
- 一天搞定CSS： 浮动（float）的副作用--12
- 一天搞定CSS：表格（table）--19