CSS基礎樣式庫

2021-09-24 13:57:54 字數 2169 閱讀 4720

推薦的base.css

/*css reset*/

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

table

fieldest,img

address,caption,cite,code,dfn,em,strong,th,var

ol,ul

caption,th

h1,h2,h3,h4,h5,h6

p:before,q:after

abbr,acronym

/*文字排版*/

.f12

.f13

.f14

.f16

.f20

.fb.fn

.t2.lh150

.lh180

.lh200

.unl

.no_un

/*定位*/

.tl.tc

.tr.bc

/*全稱是「。blockcenter」,作用為使塊級元素居中。直接試用她是不能使塊級元素居中的,還需設定寬度。*/

.fl/*設定display:inline 為了解決ie6的雙外邊距bug。在ie6下,如果對元素設定了浮動,同時設定了margin-left或者margin-right,margin值會加倍,如設定margin-left:10px在ie6下會顯示為margin-left:20px。解決辦法就是設定display:inline。*/

.fr.cb

.cl.cr

.clearfix:after

.clearfix

/*用於在父容器直接清除子元素浮動。*/

*html .clearfix

/*只在ie6中生效*/

.clearfix

.vm.pr

.pa.abs-right

.zoom

/*(ie特有屬性)觸發haslayout*/

.hidden

.none

/*長度高度*/

.w10

.w20

.w30

.w40

.w50

.w60

.w70

.w80

.w90

.w100

.w200

.w250

.w300

.w400

.w500

.w600

.w700

.w800

.w.h50

.h80

.h100

.h200

.h/*邊距*/

.m10

.m15

.m30

.mt5

.mt10

.mt15

.mt20

.mt30

.mt50

.mt100

.mb5

.mb10

.mb15

.mb20

.mb30

.mb50

.mb100

.ml5

.ml10

.ml15

.ml20

.ml30

.ml50

.ml100

.mr5

.mr10

.mr15

.mr20

.mr30

.mr50

.mr100

.p10

.p15

.p30

.pt5

.pt10

.pt15

.pt20

.pt30

.pt50

.pt100

.pb5

.pb10

.pb15

.pb20

.pb30

.pb50

.pb100

.pl5

.pl10

.pl15

.pl20

.pl30

.pl50

.pl100

.pr5

.pr10

.pr15

.pr20

.pr30

.pr50

.pr100

CSS基礎樣式庫

html標籤在各個瀏覽器中會有不同的預設屬性,reset.css和normalize.css是我使用最頻繁的基礎樣式庫,他們都是為了解決相容性和統一視覺效果,但是其中的風格略有不同。reset從單詞的意思就很好理解,重置 清零,它會把所有的標籤的margin padding border等等屬性重置...

CSS基礎樣式

css指層疊樣式表,它作用是控制頁面內容的外觀。這樣就可以將網頁的內容和表現形式分離。層疊的意思是 如果選擇器的權重相同,則後面元素的樣式會覆蓋前面樣式。css樣式表由選擇器和宣告兩個部分組成,其中選擇器是通過名字來標識元素的,宣告用於定義元素的樣式。a 樣式表比較常見的有三種引入方式 1.行內樣式...

CSS基礎樣式

顏色 單位 color 設定文字顏色 text align 設定文字對齊方式 letter spacing 字間距 line height 行高 text indent 首行縮排 text decoration 文字裝飾 text transform 大小寫轉換 text shadow 建立文字陰影...