記錄學習css的一天

2022-08-22 06:30:20 字數 1304 閱讀 2561

由於自己第一次用這個,不太了解,所以以為日記和隨筆差不多,結果發現日記發布不了,所以昨天的就和今天的一起發布,這也是給一些萌新的忠告。

今天學了乙個小時的html,其餘都是css(層疊樣式表),下面我就把老師所講的內容整理出來了.我寫的是比較難的那一部分。

css的使用方式()

1.行內樣式(內聯樣式)

《標籤 style="屬性名1:屬性值1;屬性名2:屬性值2;...">2.頁面嵌入(內部樣式表)

在head標籤裡面增加乙個子標籤

選擇器屬性名1:屬性值1;

屬性名2:屬性值2;

3.外部檔案(外部樣式表)

在head標籤裡面增加乙個子標籤

4.外部匯入樣式

主要用在樣式初始化。因為有一些標籤有自己的樣式,我們需要清空,方便自己計算

css語法: (符號都是英文的)

選擇器{

屬性名1:屬性值1;

屬性名2:屬性值2;

css------選擇器

id選擇器

使用id選擇器:在元素上面增加乙個id屬性,id屬性的屬性值不用用數字開頭

乙個頁面中只能有乙個id屬性值

css中id選擇的表示方法用 # 表示

class選擇器

使用class選擇器:在元素上增加乙個class屬性,class屬性的屬性值不能用數字開頭

乙個頁面中可以有多個class屬性值

css中class選擇器的表示方法用 . 表示

標籤選擇器

直接寫標籤名

組合選擇器

選擇器直接用,分隔開即可

子代選擇器

> 只針對子代

後代選擇器

用空格表示,包含著子代選擇器

通用選擇器:針對於所有的標籤

注意:

(選擇器是有權重的

內聯樣式 1000

id 100

元素 1

class 10

通用 0

boss !important 只要出現,就以這個為主

權重越高,衝突部分的樣式就以權重高的為主,並不是說這個選擇器沒有用了,而是裡面衝突的樣式

權重僅僅只能作為參考

權重的計算

不需要管子代和後代的

如果權重相同,就近原則。以後定義的為準)

css學習第一天

1 沒有樣式表時,如果我想更新整個站點中所有主體文字的字型,我必須一頁一頁地修改每張網頁。即便站點用資料庫提供服務,我仍然需要更新所有的模板,而且更新每一模板中每乙個例項例項的 樣式表的主旨就是將格式和結構分離。利於樣式表,我可以將站點上所有的網頁都指向單一的乙個 css檔案,我只要修改 css檔案...

CSS學習第一天

在css中,我們需要選擇器來進行選擇我們要進行操作的標籤,它的作用就是選擇標籤。1.基礎選擇器 形式標籤名 例如 div類選擇器 這是使用最多的選擇器 形式 類名 例如 eg注意不要忘記類名前面的乙個點。這裡有乙個口訣可以幫助我們記憶 樣式點 定義,結構 class 呼叫,乙個或多個,開發最常用。i...

CSS 學習第一天

css的三種引入方式 1.內嵌 直接在標籤中新增style屬性 格式 標籤名 style 樣式1 樣式值1 樣式2 樣式值2 2.內聯 在head標籤中新增 格式選擇器 樣式1 樣式值1 樣式2 樣式值2 1.id選擇器 在標籤中新增id屬性 標籤名 id id值 2.class選擇器 在標籤中新增...