2020年,你需要一个全网通用的网站平台

禹会区网络优化谈网页设计时利用CSS样式美化文本

编辑:禹会区新城建站 关注: 时间:2019-12-06 12:11:51


温馨提示:专业网站建设、小程序制作、APP开发,尽在新城建站,详询 15544599750(手机、微信、QQ同号)

在网页设计时,如果不设置文本的字体和大小,浏览器将以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。先创建网站设计样式,再应用样式。

拓展阅读:

禹会区网站建设公司分享网站逻辑层的设计

禹会区建站公司分享网站的多层体系架构

禹会区小程序谈网站工作原理你知道吗?

禹会区网站建设公司谈企业如何选择购买套餐软件建设?

禹会区小程序分享登陆页优化、转化率优化、网站测试和网站优化之间

禹会区网站推广谈网站的三大测试工具

禹会区网站推广谈怎样在公司倡导和创建网站分析及优化文化?

禹会区小程序开发分享网站优化的兴起:.com泡沫破裂的后果

本文由新城建站整理发布,喜欢请收藏,转载请保留链接 禹会区网络优化谈网页设计时利用CSS样式美化文本https://www.nccpu.net/bengbu/yuhuiqu/9013.html

服务支持

我们珍惜您每一次在线询盘,有问必答,用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!