- Css设置字体样式表
- 字体颜色—color
- 字体设置—font-family
注：font—family就像他的名字一样，是一个集合，家庭，可以设置多个字体，当计算机读取不到前面的字体时，会往后继续读取字体样式，直到读取到计算机上有的字体为止，不同字体之间用逗号“，”分隔开。还应当注意的是，平常输入汉字内容时，字体不用引号括起来，但是，定义英文字体时，就应该用引号阔起来
- 字号设置—font-size 常用单位：px
- 字体样式—font-style
注：用于控制字体是否以斜体显示
Normal 正常
Italic 斜体显示文字
Oblique 歪斜体
- 字体加粗—font-weight
注：字体以粗体显示
属性值：
Normal 正常
Bold 粗体
Bolder 加粗体
Lighter 细体
Number 数字越大，越粗
- 字体变体—font-variant
注：可以控制将小写的英文字母转换为大写的字母显示
属性值：
Normal 默认值，正常显示
Small-caps 英文字母小写转大写
- 字体组合属性 font
就是将繁琐的定义过程省去，用个font标签直接将所有的文字属性全部包含
基本语法：
Font: font-style font-variant font-weight font-size line-height font-fanily
注：使用font这种简写写法时，要保持上面的属性顺序不变
其他标签之间用空格隔开，但是，字体大小与行高就要用“/”隔开
使用这种写法，一定要定义font-size font-family。
- 段落样式
- 调整字符间距 letter-spacing
注：这里的字符指的是汉字字符
Normal 表示默认
？？px
- 调整单词间距 word-spacing
注：这里的单词间距就是指的是单词之间的间距
Normal 默认
？？px
- 添加文本修饰 text-decoration
注：添加上划线，下划线，删除线等
属性取值：
Underline：下划线
Overline：上划线
Normal：默认值，无文本修饰
Line-though：添加删除线
- 文本对齐 text-align
属性取值：
Left
Right
Center
Justify：代表两端对齐
- 段落缩进 text-indent
- 行高 line-height
- 英文大小写转换 text-transform
属性值：
Uppercase ：使所有单词的字母大写
Lowercase：使所有单词的字母小写
Capitalize：使所有单词的第一个单词大写
None ：默认值，原始内容展示
- Css中对列表的设置
- 列表样式
语法：list-style-type：属性值；
- 对于无序表 ul 用于设置前面的标签是什么形状
常用属性值：circle （空心圆）square（实心方块）
- 对于有序表 ol 用于设置标签以为序
常用属性值：lower-roman（小写罗马字母）upper-roman（大写罗马字母） decimal（数字） lower-alpha（小写英文字母）
- 列表图像
注：即对于无序表来说，用图像块来代替标签 且不需要定义类，在body中直接引用这个标签他就会改变
语法：list-style-image：url（“图片位置”）；
- 列表位置
注：用于设置列表标签相对于列表项内容的位置
语法：list-style-position：inside | outside | inherite；
- Inside 表示项目符号将在列表项内。由于它是列表项的一部分，因此它将成为文本的一部分，并在开头推开文本
- outside表示项目符号点将在列表项之外。列表项每行的开头将垂直对齐。这是默认的
- 样例
<style type=text/css>
ul {
list-style-image: url('sqpurple.gif');
}
Ul.style1{
List-style-type:circle；
}
</style>
<body>
<ul class=”style1”>
<li>………</li>
</body>
- Css中对背景的设置
注：与其他属性内容一样，直接在样式表中书写
- 背景颜色 background-color:??;
- 设置背景图片
基本语法：background-image:url(“地址”)；
- 设置背景附件
语法：background-attachment：scroll | fixed；
Scroll表示是否背景图片随着滚动条滑动而滚动
Fixed表示背景图片不动
- 设置背景图片是否重复
语法：background-repeat：？？；
属性值：
- Repeat 默认，图片在水平和垂直方向平铺
- Repeat-x 在水平方向平铺
- Repeat-y在垂直方向平铺
- No-repeat 不平铺
- 背景图片位置
语法：background-position：value value；
243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
