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...