欢迎来到漳州盛行网络科技有限公司

新闻动态News information

您的位置:首页>新闻动态

新闻动态

News information
网页设计时利用CSS样式美化文本
发表于2018/2/5

在网页设计时,如果不设置文本的字体和大小,浏览器将以3号宋体来显示文本,看上去很不美观。实践证明汉字字体只有9磅(point,简称pt)的宋体看起来最美观,这种字体被广泛应用于绝大多数的中文站点中。但通过文本属性面板无法设置这种字体的大小,只有求助于 CSS 了。
 
1.设计目标

应用css样式分别对标题及正文进行文本格式化,浏览效果如图所示。
 
2.页面分析

在图所示的网页文件中,分别对标题及正文进行了以下设置:

标题(Heading):黑体、12磅、加粗、文字颜色为黄色(#FFFF00)、背景 颜色为绿色(#00CC00)、字间距3像素(pixels)、文本居中对齐; 


正文:宋体、9磅、行间距180%、文字颜色为绿色(#009900)、首行缩进2字符。
 
3.素材准备

源文件存放在本地站点的example文件夹下,文件名为ex10-1.htmo
 
4.实现步骤

打开ex10-hm文件,将其另存为ex10-2.htm。先创建网站设计样式,再应用样式。 

QQ在线客服
电话咨询
0596-2916087