css三種樣式表:
1.直接新增(行內樣式表)
直接在元素上加style(優先順序高 影響範圍小)
2.頁內樣式表
加在本頁的head裡的style中(優先順序中等 影響範圍只能影響本頁)
3.外聯樣式表
優先順序和頁內樣式表一致 ( 影響範圍大 只要引入就能影響)
//當html中同時出現頁內樣式表和外聯樣式表時,他們的優先順序一樣,就按照順序看他們的載入順序。後面出現的就可以覆蓋掉前面出現的。
優先順序就是1>2=3(2和3的優先順序具體看載入順序)
css選擇器:
//越精確的css設定優先順序越高
id>class>元素
元素選擇器 div p table 用元素標籤選擇
類選擇器 .***x 用class呼叫
id選擇器 #***x 用id呼叫
div > ul 子元素選擇器 只影響div子類中的ul
div ul 後代選擇器 影響div下所有層級的ul
子元素選擇器和後代選擇器的優先順序一樣 看的是載入順序
div,p,table表示所有的div p table都受影響
屬性選擇器[name=「***」]{}
from表單
text文字的輸出
password密碼框
radio單選框
chexkbox核取方塊
submit按鈕提交
file文字上傳
image生成影象域
select元素中的option標籤用於定義列表中的可用選項
css盒子模型:
margin(外邊距) - 清除邊框外的區域,外邊距是透明的。
border(邊框) - 圍繞在內邊距和內容外的邊框。
padding(內邊距) - 清除內容周圍的區域,內邊距是透明的。
content(內容) - 盒子的內容,顯示文字和影象。
CSS 基礎知識
選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...
CSS基礎知識
css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...
css基礎知識
css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...