如果您无法下载资料,请参考说明:
1、部分资料下载需要金币,请确保您的账户上有足够的金币
2、已购买过的文档,再次下载不重复扣费
3、资料包下载后请先用软件解压,在使用对应软件打开
css基础系列教程4:文本属性CSS提供强大的针对文本控制能力,可以控制文本颜色上变化,文本的对齐,文本的缩进等一系内容。这一节课我们主要学习CSS如何控制文本文字大小的设置font-size通过这个属性我们可以设置文字的大小,可能取的值%,具体的像素也可以是EM示例<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>www.divcss8.com文字大小font-size</title><styletype="text/css">h1{font-size:14px;}</style></head><body><h1>十六进制示例</h1></body></html>控制文字字体属性:font-family<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>www.divcss8.com字体属性font-family</title><styletype="text/css">h1{font-family:"黑体","宋体";}</style></head><body><h1>设置字体</h1></body></html>PS:对H1文字应用字体,如果用户电脑上安装的有黑体,就是显示黑体,如果没有就显示宋体。字体粗细font-weight<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>www.divcss8.com字体粗细font-weight</title><styletype="text/css">h1{font-family:"黑体","宋体";font-weight:normal;}</style></head><body><h1>设置字体</h1></body></html>Ps:通过这个属性我们可以为一些想重点呈现的文字实现加粗,当然就像我们这个例子h1在浏览器中默认显示的是加粗的,我们可以通过上边的文字设置其为不加粗,当然也可以取值100-900,越来越粗,也可以是bold等于900字体颜色设置color:颜色值;文本修饰属性text-decoration<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>www.divcss8.com文本修饰text-decoration</title><styletype="text/css">h1a{font-family:"黑体","宋体";font-weight:bold;text-decoration:none;}h1a:hover{text-decoration:underline;}</style></head><body><h1><ahref="#">设置字体</a></h1></body></html>PS:我们通过这个属性经常性设置链接是否带下划线,当取值为NONE时表示不要下划线。鼠标悬停时可以加上下划线,取值overline是上划线,取值line-through为删除线文本缩进text-indent<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://ww