html入門基礎(四)

2021-09-27 02:25:33 字數 2723 閱讀 6145

內部樣式表

>

type

="text/css"

>

選擇器style

>

head

>

外部樣式表

>

href

="css檔案的路徑"

type

="text/css"

rel="stylesheet"

/>

head

>

行內式(內聯式)

《標籤名

style

="屬性1

:屬性值1;

屬性2:屬性值2;

屬性3:屬性值3;

">

內容 標籤名

>

塊級元素 block-level:每個塊級元素都佔一行,可以設定寬高,對齊等屬性,常用於網頁布局和結構的搭建

常見的塊元素有~、、、交集選擇器

p .p1

並集選擇器

div,p
後代選擇器

lang

="en"

>

>

charset

="utf-8"

>

>

documenttitle

>

type

="text/css"

>

span

div span

style

>

head

>

>

>

>

span 1.

>

span 2.span

>

span

>

div>

>

span 3.span

>

body

>

html

>

子元素選擇器

h1 > strong
屬性選擇器

div[class^=font]  

div[class$=font]

div[class*=font]

注意

1.^起始位置

2.$結束位置

3.*任意位置

偽元素選擇器(css3)

注意

1.在e元素內部的開始位置和結束位置建立乙個元素,該元素為行內元素,必須要結合content屬性使用

2.偽類是乙個冒號。偽元素是兩個冒號

空格規範

屬性規範

background-color

背景顏色

background-image

背景位址

background-repeat

是否平鋪

background-position

背景位置

background-attachment

背景固定還是滾動

背景的合寫(復合屬性)

background:背景顏色 背景位址 背景平鋪 背景滾動 背景位置

背景

background-image

: none | url (url)

背景平鋪

background-repeat

: repeat | no-repeat | repeat-x | repeat-y

背景位置

background-position

: length || length

background-position

: position || position

背景附著

background-attachment

: scroll | fixed

背景簡寫

background

: color url(image.jpg) repeat-y scroll 50% 0 ;

背景透明

background

:rgba

(0,0,0,0.3)

;

背景縮放

其引數設定如下:

多背景

以逗號分隔可以設定多背景,可用於自適應布局 做法就是 用逗號隔開就好了。

HTML入門基礎知識(四)

的主要作用 主要用於顯示 展示資料。乙個清爽簡約的 能夠把複雜的資料表現得很有條,不用用來布局頁面的,是用來展示資料的。例子 的基本語法 1 table table 用於定義 的標籤。2 tr tr 標籤用於定義 中的行,必須巢狀在 table table 標籤中。3 td td 用於定義 中的單元...

html 基礎入門

html的基礎知識 1.html語言的遵循的規範 1 乙個html檔案開始標籤和結束標籤 2 html包含兩部分內容 顯示在頁面上的內容都寫在body裡面 3 html的標籤有開始標籤,也要有結束標籤 4 html的 不區分大小寫的 5 有些標籤是沒有結束標籤的 比如 換行 html的操作思想 網頁...

HTML基礎入門

可以使用專業的html編輯器來編輯html 這裡推薦幾款常用的編輯器 notepad 和 sublime text 還可以配合 emmet 外掛程式來提高編碼速度。emmet 官網 head標籤 作用 用於存放 title,meta,base,style,script,link 注意在head標籤中...