css基礎知識

2021-10-19 05:19:29 字數 1013 閱讀 3587

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