字体独立边框列表背景.pptxVIP

课程提要字体常用属性：▲color：颜色▲font-family：字体类型（黑体、宋体）1、中文常用字体必须是宋体、微软雅黑、黑体，特殊字体请做成图片2、Arial,Helvetica,sans-serif3、多个字体，中间用逗号隔开，浏览器渲染的时候，如果客户没有第一个字体，自动使用第二个字体，以此类推4、英文中文字体可以用引号，可以不用▲font-size：字体大小，注意，正文我们一般用12或者14px，最小字体不能小于12px，设置小于12px，IE6和谷歌无效，它们认为小于12px看不清楚。▲font-style：italic=斜体，normal=正常(常用在em变成正常样式)▲font-weight：bold=粗体(没有单位)norma=正常▲text-decoration：underline=下划线、line-thought、none▲text-indent:2em规定文本首行缩进(2em刚好汉字缩进两个。-9999px则把文字隐藏了，必须是块状标签或者行内块状。)▲line-height：行高度，常用来将文字垂直居中，文字只有一行的时候▲text-align：水平方向上的对其leftcenterright▲letter-spacing：字符间距，单位px，每个字，每个字母都分开▲word-spacing：词间距词必须有空格隔开才有效果4.字体和文本重置样式：em,i{font-style:normal;}b,strong{font-weight:normal;}a,u,del{text-decoration:none;}img{border:0none;}如果一个html标签，自带样式，必须选中它才能去除，比如h1的加粗、a的颜色、a的下划线、em等的斜体等。

文本字体回顾：html设置字体：font/font字体标签size字体大小face字体font-color颜色CSS设置:字体大小font-size:12px;网页中主体文字一般用12或14px，谷歌浏览器字体不支持小于12px；如果想设置标题标签字体大小，最好选中它字体粗细font-weight:bold;加粗boldnormal正常字体颜色color:red;单位:red十六进制#666rgb()rgba()字体font-family:字体font-family:微软雅黑;默认为宋体字体倾斜font-style:italic;italic倾斜normal正常字体下划线text-decoration:none无underline下划线overline上划线line-through删除线blink闪烁线font缩写：font:italicbold14px/50px“方正姚体简体”; 斜体加粗字体大小/行间距字体斜体和加粗可以颠倒，其他顺序不能变4.字体和文本

课堂练习▲按照给出的网页效果编写html和css代码，所有特殊的字，都用font标签套起来，然后用css去修饰4.字体和文本

课程提要4.对齐方式文本常用的属性：▲text-align：水平对齐方式center、left、right，适用于块状标签和行内块状，设置容器里面的额内容水平对其方式。▲vertical-align：垂直对齐方式 1、设置垂直位置，仅仅在td中起作用，其他容器，请用line-height居中，line-height如果设置行高和容器一样高，就能让内容垂直居中，无论是什么容器，line-height设置居中时，内容不能超过两行，否则请用padding设置。 2、图片、input、内嵌的块状垂直方向上对齐，请给它们加vertical-align:middle；vertical-align的三个值：top、middle、bottom

文字、图片居中字体水平居中text-align:center;left左right右字体垂直居中line-height:23px;行高180%百分比 注意:当前文本只有一行垂直居中line-height跟我们height高度一样的。当超过一行，请用padding-top来设置