css基本用法

2021-08-19 19:45:52 字數 2307 閱讀 1693

css初始化

相同的元素,如li ,在不同的瀏覽器下,顯示的效果稍有不同,是因為,不同的瀏覽器對各元素的

margin

,border

,font-size

等略有不同,如何杜絕這種情況,我們可以通過

css強制讓所有元素的屬性值都一樣,這樣,在瀏覽器顯示就一致了,減少不相容情況的發生,這個過程叫

css初始化。

最簡單的初始化方法就是: * 。有很多人也是這樣寫的。這確實很簡單,但有人就會感到疑問:

*號這樣乙個通用符在編寫**的時候是快,但如果**很大,

css樣式表檔案很大,這樣寫的話,他會把所有的標籤都初始化一遍,這樣就大大的加強了**執行的負載,會使**載入的時候需要很長一段時間。

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select

body

aa:hover

emli

imgtable

pbody,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div

body

ul,ol

select,input,img,select

aa:link

a:visited

a:hover,a:active,a:focus

**官網(樣式初始化(**的樣式是經過壓縮的,我自己拷下來格式化過的)

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td

body, button, input, select, textarea

h1, h2, h3, h4, h5, h6

address, cite, dfn, em, var

code, kbd, pre, samp

small

ul, ol

a a:hover

sup

sublegend

fieldset, img

button, input, select, textarea

table

網易官網(樣式初始化

html

body

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p

table,td,tr,th

liimg

ol,ul

h1,h2,h3,h4,h5,h6

address,cite,code,em,th

html思維導圖總結

h標籤和p標籤

img標籤

內聯元素不可以設定寬和高

有序列表和無序列表

list-style-type:none;

標籤,超連結標籤

「**」

target=」_blank」  title=」滑鼠移動上面顯示的內容」>

錨點1.頁面內的跳轉

設定乙個錨點鏈結

去找喵星人

;(注意:

href

屬性的屬性值最前面要加#)

2.跨頁面的跳轉

設定錨點鏈結,在href中的路徑後面追加:

#+錨點名,即可

如:萌寵集結號

.html#miao">

跳轉到萌寵集結號頁面

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

偽類css允許針對

a標籤的

4種狀態設定各自的

css特性,叫做

css偽類

1.active一般不必寫

2.一定注意,順序是,

a:link

a:visited

a:hover

a:active

3.a:link可以簡寫為

a.

CSS 基本用法

css 一.使用css縮寫 使用縮寫可以幫助減少你css檔案的大小,更加容易閱讀。css縮寫的主要規則請參看 常用css縮寫語法總結 這裡就不展開描述。二.明確定義單位,除非值為0 忘記定義尺寸的單位是css新手普遍的錯誤。在html中你可以只寫width 100,但是在css中,你必須給乙個準確的...

CSS基本用法 二

css3是對css2的擴充,刪減,優化 選擇器 功能e first child 匹配第乙個孩子 e last child 匹配最後乙個孩子 e nth child n 匹配第n個孩子 e nth child 2n 或e nth child even 匹配偶數的孩子 e nth child 2n 1 ...

Css3基本用法

1.border image 將規定為包圍 div 元素的邊框 1.border image source 用在邊框的的路徑。border image slice 邊框向內偏移。border image width 邊框的寬度。border image outset 邊框影象區域超出邊框的量。bor...