CSS初識以及樣式表 戀天小結

2021-10-09 03:24:28 字數 1442 閱讀 2618

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...