css 基本樣式與元素選擇器以及命名規範

2021-10-01 06:59:44 字數 2610 閱讀 6296

1. 什麼是css

層疊樣式表,是一種為html文件新增樣式的計算機語言(網頁的衣服)

2. css的引用方式

(1)內部樣式:在head標籤中間新建乙個style標籤,用來存放css**

(3)行內樣式:在開始標籤內部設定乙個style屬性,用來存放css**

style

="width

: 200px;

height

: 200px;

background-color

: red;

">

div>

3. 常用元素選擇器

選擇器作用:精確選中元素,越精確優先順序越高

>

class

='main'

>

>

>

1li>

>

2li>

>

3li>

ul>

>

123p

>

div>

body

>

(1)後代元素選擇器(最常用)

由外到內一層一層寫,中間用空格隔開

.main li

(2)子元素選擇器

選中的是兒子元素,選不到後面的元素,如下:只能選中第乙個ul

.box > ul

class

='box'

>

>

>

li>

>

li>

ul>

>

>

>

li>

>

li>

ul>

div>

div>

(3)相鄰元素選擇器

只有c為紅色(選擇最接近該元素的元素)

class

='box'

>

>

>

ali>

class

='second'

>

bli>

>

cli>

>

dli>

ul>

div>

.second+li

(4)兄弟元素選擇器

cd均為紅色(選擇與該元素同級指定的所有元素)

.second~li

兄弟元素選擇器和相鄰元素選擇器都只選擇該元素下面的元素

相鄰元素 +

兄弟元素 ~

(5)標籤名選擇器

div

4. 樣式優先順序

行內樣式 > 內部樣式

行內樣式 > 外部樣式

外部樣式 = 內部樣式

行內樣式優先順序最高

瀏覽器從上往下解析**(後面覆蓋前面)

5. 命名規範

見名知義

規範:1、不能是拼音

2、不能用單獨某乙個英文本母

3、不能用單獨的數字

4、不能以數字開頭,可以數字結尾

5、不能出現漢字

6、禁止廣告類命名,包括英文單詞廣告

7、不能使用下劃線,可以使用連字元-

6. 選擇器優先順序

id > class > 標籤名選擇器

同型別選擇器:個數越多優先順序越高

CSS基本樣式與元素選擇器

層疊樣式表 cascading style sheets,簡寫css 是一種用來為html文件新增樣式 字型 間距 位置 顏色 角度等顯示效果 的計算機語言 html是內容的展示,而css是內容的裝飾 行內樣式 在開始標籤的內部可以設定乙個叫做style的屬性,屬性的雙引號內存放該元素 的css樣式...

03 CSS基本樣式和元素選擇器

前三個常用 1.交集選擇器 連著寫 1.交集選擇器 son h1標籤中有乙個類名叫son h1.son h1標籤中有乙個id名叫red h1 red 類名為son的標籤中,有乙個id名為red son red2.並集選擇器 逗號 p,green color green 3.後代選擇器 空格 包含父與...

CSS選擇器的基本樣式

作用是什麼 設定如何顯示 html 標籤。語法結構是什麼 第一種 選擇器 說明 這種方式的css樣式表由選擇器以及一條或多條宣告兩個部分組成 該種樣式表只能定義在style 標籤或css 檔案中,每個style標籤或css檔案可定義多個css樣式表 第二種 style declaration1 de...