css筆記之引入css樣式表

2022-08-30 10:57:14 字數 1371 閱讀 7070

css(cascading style sheets)

css通常稱為css樣式表或層疊樣式表(級聯樣式表),主要用於設定html頁面中的文字內容(字型、大小、對齊方式等)、的外形(寬高、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。

css以html為基礎,提供了豐富的功能,如字型、顏色、背景的控制及整體排版等,而且還可以針對不同的瀏覽器設定不同的樣式。

使用html時,需要遵從一定的規範。css亦如此,要想熟練地使用css對網頁進行修飾,首先需要了解css樣式規則,具體格式如下:

在上面的樣式規則中:

1.選擇器用於指定css樣式作用的html物件,花括號內是對該物件設定的具體樣式。

2.屬性和屬性值以「鍵值對」的形式出現。

3.屬性是對指定的物件設定的樣式屬性,例如字型大小、文字顏色等。

4.屬性和屬性值之間用英文「:」連線。

5.多個「鍵值對」之間用英文「;」進行區分。

可以用段落 和 **的對齊的演示。

css規則是使用     /*  需要注釋的內容  */  進行注釋的,即在需要注釋的內容前使用 「/*」 標記開始注釋,在內容的結尾使用 「*/」結束。

例如:

p
css可以寫到那個位置? 是不是一定寫到html檔案裡面呢?

是通過標籤的style屬性來設定元素的樣式,其基本語法格式如下:

《標籤名 style="屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;"> 內容 語法中style是標籤的屬性,實際上任何html標籤都擁有style屬性,用來設定行內式。其中屬性和值的書寫規範與css樣式規則相同,行內式只對其所在的標籤及巢狀在其中的子標籤起作用。

內嵌式是將css**集中寫在html文件的head頭部標籤中,並且用style標籤定義,其基本語法格式如下:

語法中,style標籤一般位於head標籤中title標籤之後,也可以把他放在html文件的任何地方。

注意: link 是個單標籤哦!!!

該語法中,link標籤需要放在head頭部標籤中,並且必須指定link標籤的三個屬性,具體如下:

樣式表優點

缺點使用情況

控制範圍

行內樣式表

書寫方便,權重高

沒有實現樣式和結構相分離

較少控制乙個標籤(少)

內嵌樣式表

部分結構和樣式相分離

沒有徹底分離

較多控制乙個頁面(中)

外部樣式表

完全實現結構和樣式相分離

需要引入

最多,強烈推薦

控制整個站點(多)

CSS學習之樣式表引入

style height 100px weight 50px x p 注意點 內聯樣式只能包含乙個宣告塊,不能放樣式表 import 完整的規則。type text css media print,screen color red font size 100px style 注意點 1.可以設定me...

CSS建立(樣式表引入)

一 如何插入樣式表 1.外部樣式表 2.內部樣式表 3.內聯樣式 二 外部樣式表詳解 每個頁面使用標籤鏈結到樣式表,標籤在 文件的 頭部。瀏覽器會從檔案mystyle.css中讀到樣式宣告,並格式化檔案。外部樣式表mystyle.css注意事項 1 檔案不能包含任何html標籤。2 樣式表應該以.c...

引入CSS樣式表(書寫位置)

內嵌式是將css 集中寫在html文件的head頭部標籤中,並且用style標籤定義,其基本語法格式如下 選擇器 style head 語法中,style標籤一般位於head標籤中title標籤之後,也可以把他放在html文件的任何地方。type text css 在html5中可以省略,寫上也比較...