前端管中窺豹之CSS篇

2021-09-23 22:25:20 字數 1011 閱讀 3750

/* 注釋內容 可多行注釋 */

選擇器(屬性:值;屬性:值;……)

head內style標籤內部直接書寫css**

link標籤引入外部css檔案

直接在標籤被通過style屬性書寫css樣式

id 唯一標識標籤

class 標籤類屬性 可以有多個,類似python物件導向的繼承

標籤名
#id名
.類名
*
標籤名1,標籤名2,標籤名3
a b
a > b
a + b
a ~ b
[屬性名]:屬性名符合的標籤更改樣式

[屬性名=屬性值]:屬性名及屬性值都符合的標籤會更改樣式

也適用組合選擇器

元素:偽類名

栗子:遵循愛恨原則,順序不能變

a:link /*鏈結沒有被訪問時前景色為灰色*/

a:visited/*鏈結被訪問過後前景色為黃色*/

a:hover/*滑鼠懸浮在鏈結上時前景色為綠色*/

a:active/*滑鼠點中啟用鏈結那一下前景色為藍色*/

第乙個字母

::first-letter

第一行(以瀏覽器為準的第一行)

::first-line

被選中的字行(滑鼠選擇的字段)

::selection

::before 和 ::after在內部內容的前面或者後面插入內容,必須帶乙個屬性content

相同選擇器 不同引用方式——就近原則 誰靠近標籤誰生效

不同選擇器 相同引入方式——行內樣式 > id選擇器 > 類選擇器 > 標籤選擇器

前端之CSS篇

css本質就是乙個樣式表 主要由選擇器和宣告兩個部分組成,宣告部分又包括屬性跟屬性值 注釋 多行注釋 內部樣式 外部樣式 將css 寫在單獨的檔案中,再進行引用 行內樣式 hello world id選擇器 id名 類選擇器 類名 元素選擇器 元素名 通用選擇器 例子 id1 c1p 後代選擇器 作...

一 前端總結 之CSS篇

渲染時,dom 元素所採 的 布局模型。可通過 box sizing 進 設定。根據計算寬 的區域可分為 content box w3c 標準盒模型 border box ie 盒 模型 padding box margin box 瀏覽器未實現 塊級格式化上下 是 個獨 的渲染區域,讓處於 bfc...

前端常用重難點總結之css篇

今天天氣不錯,心情也一掃陰霾,人生的路,有的時候越走越窄,有的時候越走越多,但是,每一次選擇,便注定意味著無數的錯過,我們應該珍惜每一場相逢,把握好每乙個機會,不向命運低頭。廢話不多說,css篇參上。css篇 1 基礎 1 選擇器概念的理解以及css規則命名慣例 2 三種機制 繼承 層疊 特指 3 ...