使用Dreamweaver来详细了解CSS的多样性

说明：√属性继承　×不继承　
　　　[　]为适应元素类型　无[　]标出为所有元素

字体
√Font-family
√Font-size 9 10 12 14 16 18 24 36 xx-small x-small small medium large x-large xx-large smaller larger
√Color
√Font-style normal italic oblique
√Line-height nomal
√Font-weight normal bold bolder lighter 100 200 300 400 500 600 700 800 900
√Text-transform capitalize uppercase lowercase none
√Font-variant normal small-caps
×Text-decoration none underline overline line-through blink
√Font

背景
×Background-color
×Background
×Background-image
×Background-attachment fixed scroll
×Background-repeat no-repeat repeat repeat-x repeat-y
×Background-position[块、替换]

区块
√Word-spacing normal[块]
√Letter-spacing normal
×Vertical-align baseline sub super top text-top middle bottom text-bottom[内]
√Text-align left right center justify[块]
×Text-indent[块]
×White-space normal pre nowrap[块]
×Display inline block list-item run-in compact marker table inline-table table-row-group table-header-ground table-footer-ground table-row table-column-ground table-column table-cell table-caption none

边框
×Border
×Border-top-color
×Border-top-style none solid dashed dotted double groove ridge inset outset
×Border-top-width thin medium thick
×Border-top-Right
×Border-top-Bottom
×Border-top-Left
×Border-top
×Border-right
×Border-bottom
×Border-left
×Border-color
×Border-style
×Border-width

方框
×Width auto px pt in cm mm pc em ex %[块、替]
×Height auto[块、替]
×Float left right none
×Clear left right both none
×Margin
×Margin-top
×Margin-right
×Margin-bottom
×Margin-left
×Padding
×Padding-top
×Padding-right
×Padding-bottom
×Padding-left

列表
×List-style-type disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha onne[显示值为list-item的元素]
×List-style-Image[显示值为list-item的元素]
×List-style-position inside outside[显示值为list-item的元素]

定位
×Position absolute relative static
×Visiblility visible hidden inherit
×Height auto
×Left auto
×Top auto
×Right auto
×Bottom auto
×z-index auto[定位元素]
×overflow visible hidden scroll auto[块、替]
×clip auto
说明：
color 设置文字颜色
#rgb
#rrggbb
rgb(255,255,255)
rgb(100%,100%,100%) H1{color:red}
H1{color:#f00}
H1{color:#ff0000}
H1{color:rgb(255,0,0)}
H1{color:rgb(100%,0%,0%)}

background-color 设置背景颜色，格式同上。 BODY{background-color:red}
BODY{background-color:#f00}
BODY{background-color:#ff0000}
BODY{background-color:rgb(255,0,0)}
BODY{background-color:rgb(100%,0%,0%)}
background-image 设置背景图片，
url(/imageURL) body{backround-image:url(/back.jpg);}
background-repeat 设置背景图片是否重复排列:
repeat-x(X轴重复排列);

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有