CSS自學筆記(1) CSS簡介

2022-07-04 13:21:10 字數 1386 閱讀 4583

css(cascading style sheet(級聯樣式表))是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言

同時css也是一種設計語言,是將正真的網頁表現和內容分離的設計語言。

關於css的一些概述:

樣式定義如何顯示html 元素

樣式通常儲存在樣式表

把樣式新增到 html 4.0 中,是為了解決內容與表現分離的問題

外部樣式表可以極大提高工作效率

外部樣式表通常儲存在css檔案

多個樣式定義可層疊為一

1.精簡**,降低重構難度

由於網頁表現和網頁內容分離,**精簡很多,可讀性也增強,若需要修改網頁布局只需要修改乙個css檔案即可,無需在修改html檔案等

2.加快網頁訪問速度

使用了css布局的網頁和與使用table布局的網頁相比,**精簡很多,自然提公升了網頁載入速度,增加了使用者體驗度

3.簡潔、結構化的**更加有利於突出重點和適合搜尋引擎抓

4.css樣式表可以極大的提供工作效率

作為**開發者,你能夠為每個 html 元素定義樣式,並將之應用於你希望的任意多的頁面中。如需進行全域性的更新,只需簡單地改變樣式,然後**中的所有元素均會自動地更新。

1.注意拼寫,html中是否網頁了結束標籤,css中是否忘記了"}"等

2.用刪除法確定錯誤**位置

3.要注意float的一些屬性

4.多層樣式層疊成乙個的層疊次序

當乙個html元素被不止乙個樣式定義,會優先使用一下樣式:

內聯樣式(在 html 元素內部)

內部樣式表(位於 標籤內部)

外部樣式表

瀏覽器預設設定

CSS3學習筆記 1 CSS樣式繼承

自己在寫css時總會遇上css樣式繼承的問題,好在一般問題不大,但一直也不明白css樣式繼承的規則,最近發現了一篇文章講的不錯,因此 過來 所謂css 的繼承是指被包在內部的標籤將擁有外部標籤的樣式性質。繼承特性最典型的應用通常發揮在整個網頁的樣式預設,需要指定為其它樣式的部份設定在個別元素裡即可。...

css設計指南學習1 css基礎

從前做網頁的時候就學過css。當時應該還是css2,現在正是html5和css3大行其道,去亞馬遜買了一本css設計指南,重新系統學習下。2,在html頭部用style標籤嵌入 3,鏈結。不直觀,但是有助於文件整潔 選擇符 上下文選擇符 p em 表示p為祖先元素的所有em 不一定非要是父 子選擇符...

css設計指南學習1 css基礎

從前做網頁的時候就學過css。當時應該還是css2,現在正是html5和css3大行其道,去亞馬遜買了一本css設計指南,重新系統學習下。2,在html頭部用style標籤嵌入 3,鏈結。不直觀,但是有助於文件整潔 選擇符 上下文選擇符 p em 表示p為祖先元素的所有em 不一定非要是父 子選擇符...