前端開發-CSS介紹
阿新 • • 發佈:2018-08-01
收錄 頁面 ros microsoft size code 工作 外部 mic
我們為什麽需要CSS?
使用css的目的就是讓網頁具有美觀一致的頁面,另外一個最重要的原因是內容與格式分離 在沒有CSS之前,我們想要修改HTML元素的樣式需要為每個HTML元素單獨定義樣式屬性,當HTML內容非常多時,就會定義很多重復的樣式屬性,並且修改的時候需要逐個修改,費心費力。是時候做出改變了,所以CSS就出現了。
CSS的出現解決了下面兩個問題:
- 將HTML頁面的內容與樣式分離。
- 提高web開發的工作效率。
什麽是CSS?
- CSS是指層疊樣式表(Cascading Style Sheets)
- 樣式定義如何顯示HTML元素
- 樣式通常存儲在樣式表中
- 把樣式添加到 HTML 4.0 中,是為了解決內容與表現分離的問題
- 外部樣式表可以極大提高工作效率
- 外部樣式表通常存儲在 CSS 文件中
- 多個樣式定義可層疊為一
css的優勢
1.內容與表現分離
2.網頁的表現統一,容易修改
3.豐富的樣式,使頁面布局更加靈活
4.減少網頁的代碼量,增加網頁瀏覽器速度,節省網絡帶寬
5.運用獨立頁面的css,有利於網頁被搜索引擎收錄
如何使用CSS?
我們通常會把樣式規則的內容都保存在CSS文件中,此時該CSS文件被稱為外部樣式表,然後在HTML文件中通過link
標簽引用該CSS文件即可。這樣瀏覽器在解析到該link
標簽的時候就會加載該CSS文件,並按照該文件中的樣式規則渲染HTML文件。
前端開發-CSS介紹