7天精通CSS第四节

2010-4-29 11:18 718 0

摘要: 　　大家好，我是ㄗòsら尐落,今天给大家带来的是第四课。　　第四课 css的文字样式　　对于文字样式的话，我只能大概的规划下，因为里面的很多，我所能举得例子只是部分。其余的就得靠大家多去操作。　　4、...

关键词： 字体间距文字样式大写 font 段落 Dreamweaver 字母 text

　　大家好，我是ㄗòsら尐落,今天给大家带来的是第四课。　　第四课 css的文字样式　　对于文字样式的话，我只能大概的规划下，因为里面的很多，我所能举得例子只是部分。其余的就得靠大家多去操作。　　4、文字样式　　1.字体： font-family：宋体；　　2.字体大小：font-size：20px;　　当然字体大小的单位有cm（厘米），in（英尺），px（像素）等　　3.字体颜色:color:red;　　4.字体粗细：font-weight：50；　　5.斜体：font-style：italic；　　6.下划线/顶划线/删除线：text-decorations：underline/overline/line-through;　　7.字母大小写：text-transform：capitalize/uppercase/lowercase单词首字大写/全部大写/全部小写　　8.字母间距：letter-spaceing：2px；　　9.段落水平对齐：text-align：left/right/center/justify左对齐/右对齐/居中/两端　　10.段落垂直对齐：vertical-align：top/bottom/middle 居上/居下/居中　　11.行间距/字间距：line-height：2px；letter-spacing:2pt　　技巧：Dreamweaver很人性化，其实想知道很多的话，你打完：号后Dreamweaver会自动出现，到时候选择合适的即可。　　4.html是文字效果的小综合，至于更多呢，那么请大家查阅CSS2 中文速查手册里面有详细介绍，我会打包给大家。　　好了，教程到此结束。教程会不断更新！！　　谢谢！