CSS初學1 選擇器

2021-07-25 08:45:04 字數 1074 閱讀 6569

首先認識了一下為什麼叫做css,原來是英文cascading style sheets的縮寫。中文叫做層疊樣式表。現在的最新版本的css好像是css3.0。

一、對於css,設定樣式,具體設定的東西應該就是字的大小、顏色等。

1. css是給html設定樣式,所以設定顏色當然是必不可少的了。

我現在知道的設定樣式的方法是在中color:red,green,blue,grey,yellow等,還可以用rgb,rgba,以及16進製制。

2.字型大小:font-size:40px;

3.加粗:font-weight:bold;

4.斜體:font-style:italic;

5.下劃線:text-decoration:underline/none;

二、如何選中我們所要的選擇的標籤,我們可以用標籤選擇器、類選擇器、id選擇器等。

1.標籤選擇器。比如:

可以用標籤選擇器去除一些沒用的東西。比如說去除margin.

2.類選擇器。英文名字就是class。比如:

.class

<1  乙個標籤裡面可以有好幾個類,但是不是定 義好幾個class,而是在乙個class裡面定義好多個類名字,中間用空號隔開。

而不是.

<2  一般來說,我們設定個性,一般都是用類選擇器,而不會用id選擇器。因為你如果設定好了乙個.class,加到某個標籤上只需要在標籤上加上這個類。

3.id選擇器。

#id每乙個標籤都可以有自己的乙個id,id的名字可以任取,but

<1 標籤只能由字母,數字,下劃線組成。

<2必須以字母開頭

<3不能和標籤名相同,比如 html  body p h1等

<4id的名字嚴格區分大小寫

<5id不能重複

三、組合選擇器。

1.後代選擇器

div div div p

2.組合選擇器

div#a123 

3.並集選擇器

p,body

4.通用選擇器

*

CSS複習1 選擇器

css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。你可以對選擇器進行分組,這樣,被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇...

CSS 選擇器 1 基本

1.元素選擇器 elementname 元素名稱 2.類選擇器 classname 類名 3.id選擇器 idname id名 4.通配選擇器 號 效能低,慎用 5.屬性選擇器 屬性 值 1.attribute 匹配attribute的元素 2.attribute value 選擇匹配attribu...

CSS之選擇器 1

css選擇器 通過選擇器可以獲取頁面中指定的元素 基本語法 選擇器 宣告塊 宣告塊 指定元素的樣式 宣告由一鍵值對組成 demo doctype html en utf 8 viewport content width device width,initial scale 1.0 document ...