内容有:
字体、文本、背景、位置、边框、列表等等
一、修饰字体的属性
font-family 字体族(Times、serif等)
font-size 字体大小(可用绝对大小、相对大小、长度、百分比等)
font-style 字体风格(normal\italic斜体\oblique倾斜)
font-Weight 字体加粗(nomal\bold\bolder\lighter等)
font-Variant 字体变形(normal\small-caps小型大写字母)
或者font:[<字体风格>空格<字体变形>||<字体加粗>]?<字体大小>[/<行高>]?<字体族科>
p{
font:italic bold 20px times,serif
}
二、CSS中常见的控制文本的属性
letter-spacing 字母间隔(必须符合长度格式,可使用负值)
word-spacing 文字间隔(同上)
text-decoration 文字修饰(underline-下划线\overline上划线、line-through删除线、blink闪烁、默认为无):去掉a标签设置的链接中默认的下划线-a{text-decoration:none;}
text-align 横向排列(left\right\center)
text-indent 缩进(必须是一个长度或者百分比,如果是百分比,则以上级元素的宽度而定)
text-transform (可以改变字体的大小写)
line-height 行高(在控制文本基线之间的间隔的值,当值为数字时,行高为元素字体大小设置的量与该数字想乘;百分比的值是相对于元素字体的大小而定。不能有负值)
三、常见的控制背景的属性
background-color(transparent透明)
background-image
background-repeat(repeat\repeat-x\repeat-y\no-repeat)
background-attachment 背景附件(scroll滚动、fixed固定)
background-position
background:<背景颜色>空格<背景图像>空格<背景重复>||<背景附件>||<背景位置>
文本在左对齐了的背景图片后进行缩进:padding-left:18px;
四、边框属性
任何元素(标签)都可设置边框边框属性是用于设置某个元素边框的风格、宽度、颜色的略写。并且可一起设置4边的边框,也可对上、右、下、左边框单独设置。
1、边框风格属性:border-style:none(无边框) dotted(点线式) dashed(破折线式) solid(直线式) double(双线式) groove(槽线式) ridge(脊线式) inset(内嵌效果) outset(凸起效果);
4条边框一起设置时,按照上、右、下、左的顺序。
当单独设置时:border-top-style:solid;
border-rightstyle:solid;
border-bottom-style:solid;
border-left-style:solid;
2、边框宽度属性:border-width:1px 2px 3px 4px;
等价于:border-top-width:1px;
border-right-width:2px;
border-bottom-width:3px;
border-left-width:4px;
3、边框颜色:border-color:
4、也可以直接用border:3px solid green
5、鼠标光标属性:Cursor:default hand pointer wait help move(可用手册查找)
五、CSS中常见的控制列表的属性
无序的:
<body>
<ul style="list-style-type:disc\circle\square\none; list-style-image:url(图标名); list-style-position:决定列表项目缩进的程度;">
<li>wwwwwli>
<li>wwwwwli>
<li>wwwwwli>
<li>wwwwwli>
ul>
body>
有序的:list-style-type:decinal\lower-roman\upper-roman\lower-alpha\upper-alpha