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