浅谈css之属性及剩余的选择符

p::-moz-selection{ background-color:#E13300; color: white;}   

p::selection{ background-color: #E13300; color: white; }  

css的样式

font-family    设置文字名称，可以使用多个名称，或者使用逗号 分隔，浏览器则按照先后顺序依次使用可用字体。

XML/HTML Code复制内容到剪贴板

p { font-family:‘宋体'，'黑体', 'Arial’ }  

font-size       设置文字的尺寸

注：如果用百分比作为单位，则是基于父元素字体的大小

XML/HTML Code复制内容到剪贴板

p { font-size:14px;}      

font-weight       控制字体粗细

CSS Code复制内容到剪贴板

p { font-weight:bold;}  

font-style       控制字体是否倾斜

XML/HTML Code复制内容到剪贴板

p { font-style: normal; }    

p { font-style: italic; }   

p { font-style: oblique; }   

font(字体样式缩写)

XML/HTML Code复制内容到剪贴板

font : font-style || font-variant || font-weight || font-size || / line-height || font-family   

p { font:italic bold 14px/22px 宋体}  

color     控制文本的字体颜色

XML/HTML Code复制内容到剪贴板

p{   

    color:#FF0000;   

}  

text-decoration(文本装饰线条)      控制文本装饰线条

XML/HTML Code复制内容到剪贴板

text-decoration : none || underline || blink || overline || line-through    

p { text-decoration:overline;}   

p { text-decoration:underline;}   

p { text-decoration:line-through;}  

text-shadow(文字阴影)     控制文字的阴影部分。

XML/HTML Code复制内容到剪贴板

text-shadow: h-shadow v-shadow blur color;   

h-shadow         必需。水平阴影的位置。允许负值。   

v-shadow         必需。垂直阴影的位置。允许负值。   

blur                   可选。模糊的距离。   

color                 可选。阴影的颜色。    

h1{   

    text-shadow: 2px 2px #ff0000;   

}  

width   宽度

XML/HTML Code复制内容到剪贴板

width : auto | length        

p { width:300px;}   

div { width:50%;}  

height    高度

CSS Code复制内容到剪贴板

height : auto | length    

img { height:200px;}   

div { height:100px;}  

margin     外边距

CSS Code复制内容到剪贴板

margin : auto | length    

margin-top         设置上边的外边距   

margin-bottom         设置下边的外边距   

margin-left        设置左边的外边距   

margin-right        设置右边的外边距   

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!