CSS自学教程--一天搞定CSS(终篇总结)
雖然說是一天搞定CSS,實際上也沒有那么簡單。只能說讓你快速了解常見的CSS知識,解決基本的頁面樣式布局和設置。
每個獨立的CSS知識點都比較簡單,但是它們的應用非常靈活,特別是在綜合應用中。
粗略說,大概也就十幾個知識點:
1.CSS用法篇
1.CSS基本概念,以及分類
http://blog.csdn.net/baidu_37107022/article/details/71249345
2.表框border—粗細,樣式,顏色
http://blog.csdn.net/baidu_37107022/article/details/71250059
3.背景background—背景顏色、背景圖片以及定位、滾動、重復
http://blog.csdn.net/baidu_37107022/article/details/71250182
4.字體font—顏色、大小、字體類別、行高、粗細
http://blog.csdn.net/baidu_37107022/article/details/71271837
5.盒模型box—content、padding、border、margin
http://blog.csdn.net/baidu_37107022/article/details/71272900
6.文本text–顏色、縮進、單詞間距
http://blog.csdn.net/baidu_37107022/article/details/71272560
7.CSS選擇器—class、id、標簽、群組、包含、通配符
http://blog.csdn.net/baidu_37107022/article/details/71440686
8.CSS選擇器優先級–行間>id>class>標簽>通配符
http://blog.csdn.net/baidu_37107022/article/details/71440766
9.樣式初始化—淘寶樣式初始化
http://blog.csdn.net/baidu_37107022/article/details/71440877
10.浮動float–left、right、none
http://blog.csdn.net/baidu_37107022/article/details/71515984
11.清除浮動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/71617407
13.兩種布局—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/71642147
15.層級z-index
http://blog.csdn.net/baidu_37107022/article/details/71642885
16.表格table—table、thead、tbody、tfoot、tr、th、td
http://blog.csdn.net/baidu_37107022/article/details/71713281
17.表單form—input、label、textarea
http://blog.csdn.net/baidu_37107022/article/details/71713723
2.瀏覽器兼容性
WEB前端:瀏覽器(IE+Chrome+Firefox)常見兼容問題處理–01
http://blog.csdn.net/baidu_37107022/article/details/71972223
WEB前端:瀏覽器(IE+Chrome+Firefox)常見兼容問題處理–02
http://blog.csdn.net/baidu_37107022/article/details/71973570
WEB前端:瀏覽器(IE+Chrome+Firefox)常見兼容問題處理–03
http://blog.csdn.net/baidu_37107022/article/details/71977053
3.練習篇
【小練習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/71747682
4.擴展:CSS Hack
一天搞定CSS(擴展):CSS Hack
http://blog.csdn.net/baidu_37107022/article/details/72128522
總結
以上是生活随笔為你收集整理的CSS自学教程--一天搞定CSS(终篇总结)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一天搞定CSS:表单(form)--20
- 下一篇: 一天搞定CSS(扩展):CSS Hack