HTML學習筆記 5 CSS

2021-08-03 16:43:11 字數 1362 閱讀 3782

1.

css指層疊樣式表(cascading style sheet),用以定義html元素的樣式。

css規則由兩個主要部分構成:選擇器和一條或多條宣告。

即:selector

注1:可以對選擇器進行分組,這樣被分組的選擇器可以共享宣告。

注2:子元素繼承父元素的所有宣告的屬性。但是若子元素需要特殊的宣告,可以另行宣告,兩者不衝突。

注3:css的派生選擇器可以通過依據元素在上下文中關係來定義樣式,使**更加簡潔。

注4:對樣式的設定可以通過id具體應用到html具體的某個元素上。 例

如:#red,該例中的對顏色樣式的設定僅應用到id為red的元素之上。

注5:對樣式的設定可以通過class具體應用到html具體的某個元素上。同註4,但注意類選擇器通常

以'.'+"類名"指定具體的類。即將id選擇器的'#'替換為'.'。

注6:對樣式的設定可以通過屬性具體應用到html具體的某個元素上。同註4、注5。格式通常如下:

[title

=w3school]

注意,可以將藍色部分的"="替換為"~="、"|="等,具體功能見下表。

2.樣式表建立

①:外部樣式表(當樣式需要應用到許多頁面時,使用外部樣式表是理想的方式) 例:

②:內部樣式表(當單個文件需要特殊的樣式時,就應該使用內部樣式表。)

可以使用 標籤在文件頭部定義內部樣式表。 例:

③:內聯樣式(慎用)

例:this is a paragraph

3.背景設定

①:使用background-color屬性可設定任意合法的顏色值。

例:p

②:使用background-image屬性可將設定為背景,該屬性預設值為none,故需要設定乙個url值,如下:

例:body

注1:若要使在介面上進行平鋪,可以使用background-repeat屬性,該屬性預設值便為xy平鋪,有需要可設定為只在x或y軸上平鋪或不平鋪,對應值分別為:repeat-x/repeat-y/no-repeat。

注2:通過background-position屬性可以設定背景在介面中的位置(一般適用於no-repeat下)。

該屬性值可以為百分數和畫素值。

注3:如果文件比較長,那麼當文件向下滾動時,背景影象也會隨之滾動。當文件滾動到超過影象的位置時,影象就會消失。可以通過 background-attachment 屬性設定fixed值以防止這種滾動。

CSS筆記5 CSS樣式

div塊級元素 作用 包圍 換行 span內聯元素 作用 包圍 不換行 font font size 字型大小 font family 字型 如果字型商用,一定要注意版權問題 font style 字型風格 italic oblique斜體 normal預設 font weight 粗細 bord粗...

新人筆記5,css基礎屬性。

rgb red greed bule 0,10,256 0010ff css中顏色的表示方法 1 預定義顏色 bule red,black。2 十六進製制顏色 0f0f0f 3 rgb顏色 128,0,0 全紅 4 rgba,在rgb的基礎上又新增了表示透明度的alpha 5 hsl 用色調,飽和度...

5 CSS元素型別

根據css顯示分類,xhtml元素被分為 三種型別 塊狀元素,內聯元素,行內塊元素 可變元素 1.塊狀元素 block element a 塊狀元素在網頁中就是以塊的形式顯示,所謂塊狀就是元素顯示為矩形區域,常用的塊狀元素包塊div,dl,dt,dd,ol,ul,fieldset,h1 h6 p,f...