CSS基礎入門

2021-09-01 06:23:56 字數 491 閱讀 2046

css是w3c協會(全球資訊網聯盟)為了彌補html在顯示屬性設定上面的不足而制定的一套擴充套件樣式標準。

css的基本規則是:選擇符。

css選擇器常用的是標記選擇器、類別選擇器和id選擇器,使用選擇器可對不同的html標籤進行控制,從而實現各種效果。標記選擇器是直接對標籤名稱進行選擇,選擇符為標籤名稱,可以同時改變所有同名標籤的樣式;類別選擇器選擇符構成為  .類名(點+類名),如此可以選擇設定所有標籤屬性類名為指定類的樣式;id選擇器選擇符構成為 #類名(#+id名),可以設定指定id的標籤的樣式。

在頁面中包含css包括三種方式:行內樣式、內嵌式和鏈結式。行內樣式就是直接設定標籤的style屬性,這個一般用得很少;內嵌式是指在html標籤內單獨定義乙個標籤,使用選擇器來對整個html文件來進行樣式的設定;鏈結式是將內嵌式中的的內容單獨用乙個 .css 檔案儲存起來,在html檔案中通過來指定相對路徑或者絕對路徑來呼叫樣式表的。

還有高階內容就是css3的新特性、模組與模組化結構了,有待進一步的探索。

CSS入門基礎

一 選擇器詳解 下 符合選擇器部分 標籤指定式選擇器 交集選擇器 語法 標籤名 其他選擇器 示例 段落文字1 段落文字2 效果 段落文字1顯示紅色 結論 標籤指定式選擇器中的兩個選擇器是既 又的關係,如示例中,既是p標籤,又必須class屬性為content的元素被選中。後代選擇器 語法 選擇器1 ...

CSS入門基礎

內聯樣式 可以將css樣式編寫到元素的style屬性中 將樣式直接編寫到style屬性中,這種樣式我們稱為內聯樣式 內聯樣式只對當前元素中的內容起作用,內聯樣式不方便復用 內聯樣式屬於結構與表現耦合,不方便後期的維護,不推薦使用的 例 鋤禾日當午,汗滴禾下土 誰知盤中餐,粒粒皆辛苦 內部樣式表 也可...

CSS基礎入門

css基礎語法 派生選擇器 上下文選擇器 contextual selectors id選擇器 類選擇器 屬性選擇器 選擇器裡的特殊符號 插入css 樣式定義html元素的展示 結構html 行為js 樣式css相分離 優先順序從高至低 內聯樣式 html 元素中的 style 屬性 內部樣式表 標...