內部樣式表
>
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標籤中...