css(cascading style sheets) 主要用於美化樣式。
css通常稱為css樣式表或層疊樣式表(級聯樣式表),主要用於設定html頁面中的文字內容(字型、大小、對齊方式等)、的外形(寬高、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。
css以html為基礎,提供了豐富的功能,如字型、顏色、背景的控制及整體排版等,而且還可以針對不同的瀏覽器設定不同的樣式。
css可以寫到那個位置? 是不是一定寫到html檔案裡面呢?
內部樣式表
內嵌式是將css**集中寫在html文件的head頭部標籤中,並且用style標籤定義,其基本語法格式如下:
>
type
="text/css"
>
選擇器style
>
head
>
總結:
語法中,style標籤一般位於head標籤中title標籤之後,也可以把他放在html文件的任何地方。
type=「text/css」 在html5中可以省略, 寫上也比較符合規範, 所以這個地方可以寫也可以省略。
行內式(內聯樣式)
內聯樣式,又有人稱行內樣式、行間樣式、內嵌樣式。是通過標籤的style屬性來設定元素的樣式,其基本語法格式如下:
《標籤名
style
="屬性1
:屬性值1;
屬性2:屬性值2;
屬性3:屬性值3;
">
內容 標籤名
>
語法中style是標籤的屬性,實際上任何html標籤都擁有style屬性,用來設定行內式。其中屬性和值的書寫規範與css樣式規則相同,行內式只對其所在的標籤及巢狀在其中的子標籤起作用。
外部樣式表(外鏈式)
>
href
="css檔案的路徑"
rel="stylesheet"
/>
head
>
注意:link是個單標籤。
該語法中,link標籤需要放在head頭部標籤中,並且必須指定link標籤的三個屬性,具體如下:
「text/css」,表示鏈結的外部檔案為css樣式表。
css樣式規則
使用html時,需要遵從一定的規範。css亦如此,要想熟練地使用css對網頁進行修飾,首先需要了解css樣式規則,具體格式如下:
在上面的樣式規則中:
1.選擇器用於指定css樣式的html物件,花括號內是對該物件設定的具體樣式。
2.屬性和屬性值以「鍵值對」的形式出現。
3.屬性是對指定的物件設定的樣式屬性,例如字型大小、文字顏色等。
4.屬性和屬性值之間用英文「:」連線。
5.多個「鍵值對」之間用英文「;」進行區分。
可以用段落和**的對齊的演示。
CSS字型樣式屬性 戀天小結
font size屬性用於設定字型大小,該屬性的值可以使用相對長度單位,也可以使用絕對長度單位。其中,相對長度單位比較常用,推薦使用畫素單位px,絕對長度單位使用較少。具體如下 font family屬性用於設定字型。網頁中常用的字型有宋體 微軟雅黑 黑體等,例如將網頁中所有段落文字的字型設定為微軟...
CSS浮動以及清除浮動 戀天小結
可以讓任何盒子可以一行排列,因此我們就慢慢的偏離主題,用浮動的特性來布局了 什麼是浮動?元素的浮動是指設定了浮動屬性的元素會脫離標準普通流的控制,移動到其父元素中指定位置的過程。在css中,通過float屬性來定義浮動,其基本語法格式如下 選擇器float left right none 屬性值 描...
CSS層疊樣式表 定義樣式表
定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...