CSS樣式表總結

2021-09-10 17:41:47 字數 850 閱讀 5920

css顯示

css 是 web 標準中的表現標準,專門用來對網頁標籤進行布局和設定樣式的一門語言,目前使用css3,css 又名層疊樣式表.

css**的位置

1.內聯樣式

將樣式表寫在標籤的 style 的屬性中

2.內部樣式

將樣式表也在 head 中的 style 中的標籤中,只可用於當前的 html 檔案

3.外部樣式

在外面新建乙個 css 字尾的樣式檔案,並通過 link 引入到 html 檔案中,可用於所有的 html 檔案中

link標籤:

作用:匯入外部檔案

用法:rel:說明屬性的功能

type:設定匯入檔案的型別

href:匯入的 css 檔案的位置

css基本語法

選擇器說明:

選擇器:用來選中/確定需要設定樣式的標籤

屬性與屬性值之間用冒號連線;屬性與屬性之間用分號隔開

常用的屬性

css選擇器

作用:選中需要新增樣式的標籤

內聯樣式優先順序最高

優先順序1:越詳細的選擇器,定位越準確的選擇器,優先順序越高;如果詳細程度一樣,就看就近原則

優先順序2:權重值越大,優先順序越高

權重:元素選擇器(1)、id 選擇器(4)、類選擇器(2)、群組選擇器(看單獨乙個)、父子選擇器(所有選擇器權重之和)、為類選擇器(1)

id選擇器

class選擇器

群組選擇器

後代選擇器

子選擇器

通用選擇器

兄弟選擇器

屬性選擇器

css 樣式表分類總結

1,外部樣式表 當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用 標籤鏈結到樣式表。標籤在 文件的 頭部 1 2 3 head linkrel stylesheet type text css href myst...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

CSS常用樣式表

常用的文字屬性 1.line height 設定行號,常用25px 28px 例 line height 25px 布局多行文字 2.text align 設定對齊方式,常用取值為left right center 例 text align center 各種元素對齊 3.letter spacin...