CSS樣式介紹

2022-08-17 03:57:20 字數 956 閱讀 9427

css樣式可以寫在哪些地方呢?從css 樣式**插入的形式來看基本可以分為以下3種:內聯式、嵌入式和外部式三種。這一小節先來講解內聯式。

內聯式css樣式表就是把css**直接寫在現有的html標籤中,如下面**:

這裡文字是紅色。

注意要寫在元素的開始標籤裡,下面這種寫法是錯誤的:

這裡文字是紅色。
並且css樣式**要寫在style=""雙引號中,如果有多條css樣式**設定可以寫在一起,中間用分號隔開。如下**:

這裡文字是紅色。

現在有一任務,把右側編輯器中的「超酷的網際網路」、「服務及時貼心」、「有趣易學」這三個短詞文字字型大小修改為18px。如果用上節課我們學習的內聯式css樣式的方法進行設定將是一件很頭疼的事情(為每乙個標籤加入sytle="font-size:18px"語句),本小節講解一種新的方法嵌入式css樣式來實現這個任務。

嵌入式css樣式,就是可以把css樣式**寫在標籤之間。如下面**實現把三個標籤中的文字設定為紅色:

嵌入式css樣式必須寫在之間,並且一般情況下嵌入式css樣式寫在之間。如右邊編輯器中的**。

外部式css樣式(也可稱為外聯式)就是把css**寫乙個單獨的外部檔案中,這個css樣式檔案以「.css」為副檔名,在內(不是在**的前面(實際開發中也是這麼寫的)。感興趣的小夥伴可以試一下,把它們調換順序,再看他們的優先順序是否變化。

其實總結來說,就是--就近原則(離被設定元素越近優先級別越高)

但注意上面所總結的優先順序是有乙個前提:內聯式、嵌入式、外部式樣式表中css樣式是在的相同權值的情況下,什麼是權值呢?在後面的9-2小節中會講解到。

如下:

css樣式說明介紹

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

css3新增樣式介紹

webkit transform rotate 3deg 給chrome和safari等webkit核心的瀏覽器使用 moz transform rotate 3deg 給firefox瀏覽器使用 ms transform rotate 3deg 給ie瀏覽器使用 o transform rotat...

css常用樣式屬性詳細介紹

1 字型 font family 設定時,需考慮瀏覽器中有無該字型。2 大小 font size 注意度量單位。3 粗細 font weight 除了normal 正常 bold 粗體 bolder 特粗 lighter 細體 外,還有9種以畫素為度量為單位的設定方式。4 樣式 font style...