css入門介紹

2021-09-02 22:56:00 字數 839 閱讀 9732

css 層疊樣式表(英文名:cascading style sheets),主要用於美化網頁

1、css的表現形式

1.1 行內樣式(內嵌樣式)

寫在標籤內的樣式,寫在標籤的開始部分的內部,style屬性當中,即

1.2 內部樣式(內聯樣式)

寫在html頁面中,存放於標籤當中,樣式則寫在style標籤中。

選擇器{

屬性名2:屬性值2;

屬性名2:屬性值2;

注意:style標籤不要寫在title標籤上方

1.3 外部樣式(外聯樣式)

寫在css檔案中,用的話,直接匯入

2、css三大特性:

2.1 繼承

父級的樣式會被子級給繼承。

注意:!important不會被繼承

2.2 層疊

當樣式發生衝突的時候,樣式會產生覆蓋(層疊);

解決方法為判斷優先順序的先後順序或計算權重。

2.3 優先順序

優先順序的先後順序為:

!important > 內聯樣式 > id > class(類) > 標籤 > *(初始化) > 繼承;

如果記不清楚的話,可以用權重來計算,

!important,權重值為10000;

行內樣式,例如:

,權重值為1000;

id名,例如:

,,權重值為100;

class,例如:

,權重值為10;

標籤,例如:p、span、i、em等等,權重值為1;

在權重相同的時候,遵循"就近原則",就近指的是誰離內容近,誰的優先順序就高。

CSS入門介紹

1.w3c標準 w3c標準是由全球資訊網聯盟制定的一系列標準,包括 結構化標準語言 html和xml 表現標準語言 css 行為標準語言 dom和ecmascript w3c標準倡導結構,樣式,行為分離 2.css中的定位機制 css中存在3種定位機制 標準文件流 normal flow 從上到下,...

CSS入門介紹

為了讓網頁元素的樣式更加豐富,也為了讓網頁的內容和樣式能拆分開,css由此思想而誕生,css是 cascading style sheets 的首字母縮寫,意思是層疊樣式表。有了css,html中大部分表現樣式的標籤就廢棄不用了,html只負責文件的結構和內容,表現形式完全交給css,html文件變...

CSS入門介紹

一.背景 這裡將陸續介紹前端css中相關知識,先介紹css2.1,後續會介紹css3的相關屬性,通過該系列的文章,希望能給準備轉戰前端的人員一些幫助,同時也幫助自己梳理知識,文章中如有錯誤,歡迎指出。下面是css2.1第乙個階段的知識框圖,後面會陸續更新該系列後續文章。二.整體介紹 一 基礎介紹 1...