CSS基礎知識小結

2021-10-04 08:17:30 字數 2551 閱讀 1354

# css真的超級有意思
層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁有對網頁物件和模型樣式編輯的能力。

在html檔案中鏈結css檔案,在head標籤中新增語句即可

在css檔案中鏈結css檔案,可能有其他做法,但這只說明一種簡單的@import "檔案路徑";即可

選擇器也是有優先順序之分的,!important > style內聯屬性 > id選擇器 > 類選擇器/屬性選擇器/偽類選擇器 > 元素選擇器

這個嘛就是在標籤裡面加上class = ' ',示例:

老桃子是個靚仔

老桃子天下第一帥

老桃子全宇宙第一帥

老桃子李白賊強

這個呀就是在標籤裡面加上id = ' ',這個的話一般用於非常非常特殊的,就是一對一的關係的時候,示例:

老桃子是個靚仔

老桃子天下第一帥

老桃子全宇宙第一帥

老桃子李白賊強

#red
這個的話是在標籤面加上屬性名 = ' 屬性值'來定義的,示例:

雲想衣裳花想容

春風拂檻露華濃

若非群玉山頭見

會向瑤台月下逢

這個適用於巢狀的場景,就是一層套一層的時候,會把比自己小包括自己所影響,示例:

雲想衣裳花想容

春風拂檻露華濃

若非群玉山頭見

會向瑤台月下逢

這個的話用於同級的時候,示例:

雲想衣裳花想容

春風拂檻露華濃

若非群玉山頭見

會向瑤台月下逢

大唐盛世 詩仙

李白

這個的話是基於標籤的,示例:

a:link 

a:visited

button:hover

button:active

input:focus

這個也是基於標籤的,示例:

雲想衣裳花想容

春風拂檻露華濃

若非群玉山頭見

會向瑤台月下逢

這個像是個容器的樣式,示例:

雲想衣裳花想容

春風拂檻露華濃

若非群玉山頭見

會向瑤台月下逢

/*若將display賦值為none則隱藏*/

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...

CSS基礎知識

css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...

css基礎知識

css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...