CSS屬性書寫順序

2021-10-08 03:06:32 字數 792 閱讀 8657

建議遵循以下順序:

1、布局定位屬性:display/position/float/clear/visibility/overflow(建議display第乙個寫,畢竟關係到模式)

2、自身屬性:width/height/margin/padding/border/background

3、文字屬性:color/font/text-decoration/text-align/vertical-align/white-space

4、其它屬性(css3):content/cursor/border-radius/box-shadow/text-shadow/background-image

示例:

.root {

/******布局定位屬性******/

display: block;

position: relative;

float: left;

/******自身屬性******/

width: 100%;

height: 100px;

margin: 0 10px;

padding: 20px 0;

/******文字屬性******/

font-family: '宋體';

color: #333333;

/******其它屬性(css3)******/

background: rgba(0,0,0,.5);

-webkit-border-radius: 10px;

-moz-border-radius:

CSS屬性書寫順序

建議遵循以下順序 1 布局定位屬性 display position float clear visibility overflow 建議display第乙個寫,畢竟關係到模式 2 自身屬性 盒模型 width height margin padding border background 3 文字...

css屬性書寫順序

生活中衡量乙個人有氣質 穿著打扮 舉止言行 等等 程式設計中衡量乙個人的 能力?規範標準 優雅高質量 等等 乙個詞形容 專業 從 中看出是否有經驗 1.布局定位屬性 display position float clear visibility overflow 建議display第乙個寫,畢竟關係...

css 屬性書寫順序

影響文件流的屬性 比如 display,position,float,clear,visibility,table layout等 自身盒模型的屬性 比如 width,height,margin,padding,border等 排版相關屬性 比如 font,line height,text alig...