/* 注釋內容 可多行注釋 */
選擇器(屬性:值;屬性:值;……)
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 ...