Css字体
使用像素
Firefox,Chrome,and Safari中文本大小可调节,而ie不行
使用em
em可以解决在ie中浏览器显示文本的问题。w3c推荐用em作为尺寸单位。
1em等于当前的字体尺寸,如果一个元素的font-size为16像素,那么对于该元素16像素。在设置字体大小时,em的值会相对于父元素的字体大小改变。
浏览器中默认的文本大小是16像素,因此,1em的默认尺寸是16像素。
字体风格:font-style
italic和oblique的区别
italic是一种简单的字体风格,对每个字母的结构有一些小改动,来反映变化的外观。与此不同,倾斜文本则是正常竖直文本的一个倾斜版本。
通常情况下,italic和oblique在web浏览器中看上起一样。
字体加粗:font-weight
设置文本的粗细,使用bold关键字将文本设置为粗体。
关键字100-900为字体指定了9级加粗度,900对应最粗的字体变形。数字400等价于normal,而700等价于bold。
如果将元素加粗设置为bolder,浏览器会设置比所继承值更粗的一个字体加粗。与此相反,关键字lighter会导致浏览器将加粗度下移而不是上移。
字体属性:font-family
如果你希望文档使用一种sans-serif字体,以下是一个合适的声明:
body{font-family:sans-serif;}
字体变形:font-variant
font-variant可以小型大写字母。小型大写字母不是一般的字母,也不是小写字母,这种字母采用不同大小的小写字母
p{font-variant:small-caps;}