通用css樣式模板

2021-07-04 16:59:32 字數 2045 閱讀 7080

通用樣式1

@charset "utf-8";

/* ------------------------------------全域性定義---------------------------------------- */

/* 將具有預設margin和padding的標記置零,所有標記的margin、padding都在使用時具體定義 */

*/* 修正ie5.x和ie6的斜體溢位bug */

* html body

* html iframe, * html frame

* html frameset

/* 常用標籤,基本標籤預設樣式取消,html標籤,取消基本標籤預設樣式,防止不同瀏覽器顯示效果不同,text-align:center; 解決不同瀏覽器居中問題 */

body

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

input,select

/* 設定內容左對齊,恢復因body設定劇中產生的繼承 */

body div

/* 標籤屬性,textarea,input 強制輸入時內容超出時換行 */

textarea,input

/* 清除ul列表標記的樣式,ul列表更多的用在不需要列表前置符號的樣式裡 */

liimg

/* 定義預設的鏈結樣式,僅僅是作為預設樣式提供,可以在各自的例項中覆蓋掉 */

a:link, a:visited

a:hover

/* 去掉鏈結的虛線框 */

a /* 定義h系列標籤,覆蓋h系列標籤預設屬性 */

h1h2

h3h4

h5h6

通用樣式2

@charset "utf-8";

/* css document */

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

sub

legend

fieldset, img

button, input, select, textarea

table

通用樣式3

@charset "utf-8";

/* css document */

:focus

table

caption, th, td

a img, iframe

ol, ul

input, textarea, select, button

select

body

通用樣式4

@charset "utf-8";

/* css document */

* div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a

img,input

body

html

ul,ol

th,td,input

h3 button

select

.clear

.clearfix:after

.clearfix

a:link,a:visited

a:hover,a:active

原文:

通用css樣式模板,

通用樣式01 charset utf 8 全域性定義 將具有預設margin和padding的標記置零,所有標記的margin padding都在使用時具體定義 修正ie5.x和ie6的斜體溢位bug html body html iframe,html frame html frameset 常用...

通用CSS樣式

消除邊距 body,hr,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p 列表樣式消除 ol,ul,li a標籤樣式重置 a 盒模型預設使用內邊框 清除浮動 clearfix befo...

通用基礎的CSS樣式

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,structural elements 結構元素 dl,dt,dd,ul,ol,li,list elements 列表元素 pre,text formatting elements 文字格式元素 form,fieldset...