CSS基礎1 CSS樣式表及樣式規則

2021-06-26 04:52:45 字數 1202 閱讀 6281

1、css(cascading style sheets)層疊樣式表。用於定義html元素的顯示形式,是w3c推出的格式化網頁內容的標準技術

2、css作為每個**設計者必須掌握的技術之一,有幾個優點

(1)提高頁面瀏覽速度,比傳統文字設計方法至少節約50%以上的檔案尺寸

(2)縮短改版時間,降低維護費用

(3)結合css和div,更好的控制頁面布局

(4)實現表現和結構、內容相分離

(5)更方便搜尋引擎的搜尋

3、css樣式表

(1)嵌入式樣式表

用元素將樣式包含在網頁內部的樣式設定,段必須出現在文件的嵌入式樣式

(2)外部樣式表

在外部建立.css檔案,編寫css**,然後在.html檔案中鏈結使用。

語法:(3)內聯樣式表

僅用於部分網頁元素,其作用範圍僅限於應用它的網頁元素,內聯樣式在html標記中

如:內聯樣式

4、樣式規則

(1)選擇器:指定樣式規則可作用於html文件中哪個元素或者那些元素,在樣式規則中左大括號左邊的就是選擇器。

如:   h1中的h1

(2)宣告塊:大括號之間的部分

如: h1 中的 color:orange;  background- color: #eea; 部分

(3)宣告每個宣告都要以分號(;

)結束。

如:h1 中的 color:red;  部分就是乙個宣告

在乙個宣告塊內,可以有多個宣告,每個宣告必須以分號隔開

(4)屬性

如: h1 中的color就是乙個屬性,每個宣告只能有乙個屬性。

(5)注釋

css的注釋為:/*   注釋內容  */

快捷鍵為:ctrl  + "/"

5、樣式表優先順序:內聯樣式  >  嵌入式樣式   > 外部樣式   >  瀏覽器自定義樣式 

CSS樣式表基礎

css的樣式表其實就是美觀頁面的,加一些樣式。一 樣式表的三種分類 內聯樣式 寫在某乙個標籤裡面的樣式。優點 控制精確。缺點 重用性差。太多了不好寫 頁面 亂。太亂,後期不方便看 優先順序最高!內嵌樣式 嵌在某乙個頁面裡的。是寫在裡面,專門用來寫樣式 需要新增乙個標籤 優先順序其次!外部樣式表。優點...

CSS基礎整理(樣式表 樣式屬性)

樣式屬性 1 背景與前景 background color 00f 背景色,樣式表優先順序高 background image url 設定背景 預設 word wrap break word word break break all 自動換行 background attachment fixed...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...