HTML. 如何改变文本样式
2011年10月17日
下面的教程展示了如何更改任何控件中的文本样式 HTML 基础模板. 本教程可用于以下模板类型:完整站点, 完整的包, 任何静态模板, 任何动画模板的静态版本(flash或swish). 文本样式通常在CSS文件中定义.
控件中的开发人员工具是可以帮助您编辑样式的最有用的工具 browser. 您可以在任何版本中了解有关开发人员工具的更多信息 browser checking 这篇文章. Using the browser 开发人员工具,您可以检查页面上任何元素的样式. 您甚至可以直接在开发人员工具中更改样式,以查看它的外观. 不要忘记在CSS文件中执行相同的更改.
CSS文件通常位于CSS文件夹中. 打开css文件 HTML/CS editor 比如Adobe Dreamweaver、Notepad等. 你可以使用下面的样式来改变文本的外观:
- color -用于设置文本的颜色;
- text-align -用于设置文本的水平对齐;
- 文字修饰 -用于设置或删除文本的装饰
- font-family -用于设置元素的字体
- font-size -定义字体大小
- font-style -用于指定文本是否正常,斜体等
例如,菜单项文本样式是用以下属性定义的:
.sf-menu li.sfHover li a { 颜色:# 272727; 字体大小:16 px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:左; 首字母:没有; }
请随时查看下面的详细视频教程: