CSS學(xué)習(xí)筆記之初步認(rèn)識CSS
2023-07-17 20:47 作者:FBI超級特工007 | 我要投稿
1、CSS學(xué)習(xí)哪些內(nèi)容
CSS是什么
CSS怎么用(快速入門)
CSS選擇器(重點(diǎn) + 難點(diǎn))
美化網(wǎng)頁(文字,陰影,超鏈接,列表,漸變)
盒子模型
浮動
定位
網(wǎng)頁動畫(特效效果)
2、什么是CSS
Cascading Style Sheet層疊級聯(lián)樣式表
CSS :表現(xiàn)層 --> 美化網(wǎng)頁
字體,顏色,邊距,高度,寬度,背景圖片,網(wǎng)頁定位,網(wǎng)頁浮動...
3、發(fā)展史
CSS1.0
CSS2.0 ? ?DIV (塊) + CSS,HTML與CSS結(jié)構(gòu)分離的思想,網(wǎng)頁變得簡單,SEO
CSS2.1 ? ?浮動,定位
CSS3.0 ? ?圓角,陰影,動畫... ?瀏覽器兼容性~
聯(lián)系格式:
4、快速入門
style基本入門
建議使用將CSS代碼放入其他文件中!??!
CSS的優(yōu)勢:
內(nèi)容和表現(xiàn)分離
網(wǎng)頁結(jié)構(gòu)表現(xiàn)統(tǒng)一,可以實(shí)現(xiàn)復(fù)用
樣式十分豐富
建議使用獨(dú)立于html的css文件
利于SEO,容易被搜索引擎收錄!
5、CSS的三種導(dǎo)入方式
拓展:外部樣式的兩種寫法
鏈接式:
html
導(dǎo)入式:
@import 是CSS2.1特有的