CSS属性

CSS样式属性

字体样式

font-size:字号大小

font-size属性 设置字号 该属性的值可以使用相对长度单位 也可以使用绝对长度单位 其中相对长度单位比较常用 推荐使用px像素单位

相对长度单位	说明
em	相对于当前对象内文本的字体尺寸
px	像素，最常用

绝对长度单位	说明
in	英寸
cm	厘米
mm	毫米
p	点

font-family:字体

font-family属性用于设置字体 常用的字体有宋体、微软雅黑、黑体等

> p{font-family:“微软雅黑”;}

可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。

常用技巧：

1.现在网页中普遍使用14px
2.尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug
3.各种字体之间必须使用英文状态下的逗号隔开。
4.中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。
5.如果字体名中包含空格、#、$等符号，则改字体必须加英文状态下的单引号或者双引号，例如font-family：“Times New Roman”
6.尽量使用系统默认字体，保证在任何用户的浏览器中都能真确显示。

css unicode 字体

在css中设置字体名称，直接写中文是可以的。但是在文件编码不匹配是会产生乱码的错误。xp系统不支持 类似微软雅黑的中文

方案一：你可以使用英文来代替。 比如font-family:“Microsoft Yahei”.

方案二：可以使用Unicode编码来写字体名称来避免这些错误

以后尽量只写Unicode字体 写宋体 和微软雅黑

font-weight：字体粗细

字体加粗出了用b和Strong标签之外，可以使用css来实现，但是css是没有语义的。

• font-weight属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100-900(100的整数倍)
• 数字400等价于 normal，而700等价于bold。

font-style:字体风格

font-style属性用于定义字体风格，如设置斜体、倾斜或者正常字体其可用属性如下：

normal：默认值，浏览器会显示标准的字体样式。

italic:浏览器会显示斜体的字体样式。

oblique:浏览器会显示倾斜的字体样式。

平时我们很少给文字加斜体，反而喜欢给斜体标签改为普通模式

font:综合设置字体的样式(重点)

font属性英语对字体样式进行综合设置，其根本语法如下：

选择器{font: font-style font-weight font-size/line-height font-family;}

• 使用font属性时，必须按上面的语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开
• 其中不需要设置的属性可以省略，但是必须保留font-size和font-family属性，否则font属性将不起作用

CSS外观属性

color:文本颜色

color属性用于定义文本的颜色，其取值方式有如下3种：

1.预定义的颜色值，如red，green，blue等。

2.十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。

3.RGB代码，如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。

line-height:行间距

line-height属性用于设置行间距，就是行与行之间的距离，即字符的垂直间距，一般称为行高。line-height常用的属性值单位有三种，分别为像素px，相对值em和百分比%，实际工作中使用最多的是像素px

一般情况下，行距比字号大7.8像素左右就可以了。

text-align:水平对齐方式

text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属性。其可用属性值如下：

• left：左对齐（默认值）
• right：右对齐
• center：居中对齐

text-indent:首行缩进

text-indent属性用于设置首行文本的缩进，其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%，允许使用负值,
建议使用em作为设置单位。

1em 就是一个字的宽度 如果是汉字的段落， 1em 就是一个汉字的宽度

word-spacing:单词间距

word-spacing属性用于定义英文单词之间的间距，对中文字符无效。和letter-spacing一样，其属性值可为不同单位的数值，允许使用负值，默认为normal。

word-spacing和letter-spacing均可对英文进行设置。不同的是letter-spacing定义的为字母之间的间距，而word-spacing定义的为英文单词之间的间距。

颜色半透明(css3)

    color: rgba(r,g,b,a)  a 是alpha  透明的意思  取值范围 0~1之间    color: rgba(0,0,0,0.3)  

文字阴影(CSS3)

text-shadow:水平位置 垂直位置 模糊距离 阴影颜色;

值	描述
h-shadow	必须，水平阴影的位置，允许负值
v-shadow	必须，垂直阴影的位置，允许负值
blur	可选，模糊的距离
color	可选，阴影的颜色

前两项是必须写的。 后两项可以选写。