css(cascading style sheets)
css通常稱為css樣式表或層疊樣式表(級聯樣式表),主要用於設定html頁面中的文字內容(字型、大小、對齊方式等)、的外形(寬高、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。
css以html為基礎,提供了豐富的功能,如字型、顏色、背景的控制及整體排版等,而且還可以針對不同的瀏覽器設定不同的樣式。
使用html時,需要遵從一定的規範。css亦如此,要想熟練地使用css對網頁進行修飾,首先需要了解css樣式規則,具體格式如下:
在上面的樣式規則中:css規則是使用 /* 需要注釋的內容 */ 進行注釋的,即在需要注釋的內容前使用 「/*」 標記開始注釋,在內容的結尾使用 「*/」結束。1.選擇器用於指定css樣式作用的html物件,花括號內是對該物件設定的具體樣式。
2.屬性和屬性值以「鍵值對」的形式出現。
3.屬性是對指定的物件設定的樣式屬性,例如字型大小、文字顏色等。
4.屬性和屬性值之間用英文「:」連線。
5.多個「鍵值對」之間用英文「;」進行區分。
可以用段落 和 **的對齊的演示。
例如:
pcss可以寫到那個位置? 是不是一定寫到html檔案裡面呢?
是通過標籤的style屬性來設定元素的樣式,其基本語法格式如下:
《標籤名 style="屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;"> 內容 語法中style是標籤的屬性,實際上任何html標籤都擁有style屬性,用來設定行內式。其中屬性和值的書寫規範與css樣式規則相同,行內式只對其所在的標籤及巢狀在其中的子標籤起作用。語法中,style標籤一般位於head標籤中title標籤之後,也可以把他放在html文件的任何地方。 注意: link 是個單標籤哦!!!內嵌式是將css**集中寫在html文件的head頭部標籤中,並且用style標籤定義,其基本語法格式如下:
該語法中,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中可以省略,寫上也比較...