衬线字体SERIF:笔画末端有一些额外的装饰
无衬线字体SANS-SERIF:笔画没有额外的装饰
等宽字体MONOSPACE:字体的宽度一样
草书字体CURSIVE:手写风格
虚幻字体FANTASY:装饰性
1.计算机上已经安装了的字体:FONT-FAMILY(不涉及许可问题)
2.需要指定下载地址的字体:FONT-FACE(需要首先下载字体,可能会减缓网页加载速度)
@font-face{
font-family:"ChunkFiveRegular";
src:url('fonts/chunkfive.eot')
format('woff') ;}
h1,h2 {
font-family:ChunkFiveRegular,Georgia,serif; }
3.通过@font-face提供的可选字体:SERVICE-BASED FONT-FACE(需要向字库支付长期的费用,以获得字体的使用许可权)
font-family:字体名称
src:字体路径
format:字体格式,各浏览器的字体格式要求不同,转换格式的网站www.fontsquirrel.com/fontface/generator
font-weight粗细:light, medium, bold, black
font-style样式:normal, italic, oblique
text-transform:uppercase大写, lowercase小写, capitalize首字母大写
text-decoration:none, underline, overline, line-through, blink闪烁
line-height行间距:1.4em //上一行的字母下缘到下一行字母上缘的距离
letter-spacing: 字母间距
word-spacing: 单词间距,默认0.25em
text-align对齐方式:left,right,center,justify两端对齐
vertical-align垂直对齐:baseline,sub,super,top,text-top,middle,bottem,text-bottem,还可以选用长度值
text-indent文本缩进:像素值或em值,首行文本缩进
伸缩:condensed, regular, extended
font-family:Georgia,Times,serif; //多种字体,优先前面的
font-size:12px;
字体大小的写法如下:
1.像素 12px
2.百分数 默认16px,75%相当于12px
3.EM值 1.5em
CSS3
text-shadow投影:1px 2px 0px #666666; //左右延伸距离,上下延伸距离,投影的模糊程度,投影的颜色值
p.intro:first-letter{font-size:200%;} 首字母css //:first-letter 叫做伪元素
p.intro.first-line{} 首行css,同上
a:link{未访问过的链接样式}
a:visited{点击过的链接样式}
a:hover{光标经过的链接样式}
a:active{点击时的链接样式}
input.submit:hover{光标悬停}
input.submit:active{点击时}
input.text:focus{获得焦点时}