文本

衬线字体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{获得焦点时}

原文地址:https://www.cnblogs.com/zz27zz/p/7099500.html