CSS學習筆記 選擇器

2021-10-03 21:56:11 字數 695 閱讀 7342

行內新增

內嵌新增

單獨檔案

link+tab

標籤選擇器 h1 p

類別選擇器 .class

id選擇器 #id

選擇器的巢狀,用空格:p span{}

集體申明,標籤用逗號連線:p,h1{}

全域性申明, *{}

固定寬度 960px/980px/1190px/1210px

流式布局 100%

響應式布局 檢測裝置資訊,寬度不同,布局不同

css3:media query **查詢

1. 超小屏 《768

2. 小屏 》768

3. 中屏 》992

4. 大屏 》1200

5. 從上至下執行

框架:bootstrap

視口:布局視口 = 裝置視覺視口

!meta:vp

link:css

a:link

#id.class

inptabel>tr3>th+td2

CSS學習筆記 選擇器

用過css的同志們都知道,選擇器是非常重要的,如果選擇器使用不當,即使你的css寫的再好,但是不知道要用在哪個元素上,這不是英雄無用武之地嗎?css,用過的都說好!最基本的選擇器,id選擇器,類選擇器這些大家早已心知肚明的就不在這裡贅述了,有那功夫趕緊研究一下把妹攻略 link,visited被稱為...

css選擇器學習筆記

概念 層疊樣式表 同乙個樣式都作用於同乙個元素 設定網頁外觀 注意 如果同乙個樣式同時作用於同乙個元素,最終樣式決定於樣式的優先順序 css選擇器 可以使css樣式與元素進行分離 作用 減少 冗餘 方便後期維護 語法 選擇器 注意 符號都是英文的,符號必須寫 行間樣式 語法 標籤名 style 樣式...

學習筆記 CSS選擇器

1 元素選擇器 1.id選擇器,2.類選擇器,3.標籤選擇器,4.萬用字元選擇器 2 關係選擇器 1.包含關係 e f e的所有f後代 2.子代選擇 e!important 內聯樣式 id 屬性 類 偽類 元素 偽元素 關係 萬用字元 繼承 瀏覽器預設屬性 內聯樣式 特殊性 1000 id 特殊性 ...