资源描述:
《应用CSS设计页面排版》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、1项目一应用CSS设计页面排版项目要点CSS基本语法CSS字体设置CSS文本格式设置使用CSS继承美化网页设计百度Logo掌握主板的分类排版新闻文稿引言HTML语言是所有网页制作的基础。CSS可以让页面变得更简洁,更容易保护。在本项目中,通过3个工作任务,向读者传递网页中字体样式、颜色、段落格式的重要性,展示出CSS字体和文字属性设计出精美的网页正文版式。CSS+DIV网页布局技术教程任务一:使用CSS继承美化网页任务描述范琳是某网站设计师,接到新任务,制作相同内容的文本,如图1-1所示。要求呈现出相同格式、相同字体的内容。图1-1效果图任务分析由于CSS的继承
2、一直贯穿整个CSS设计的始终,每个标记都遵循着CSS继承的概念。同样可以利用这种巧妙的继承关系,大大缩减代码的编写量,并提高可读性,尤其在页面内容较多,父子关系庞大的时候。因此,范琳决定使用继承来完成此任务。准备知识1.CSS的概念CSS(CascadingStyleSheet),中文译为层叠样式表,它用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS是1996年由W3C审核通过,并且推荐使用的。简单地说,CSS的引入就是为了使得HTML语言能够更好地适应页面的美工设计。它以HTML语言为基础,提供了丰富的格式化功能,如字体、颜色、2项目一应
3、用CSS设计页面排版背景和整体排版等,并且网页设计者可以针对各种可视化浏览器设置不同的样式风格,包括显示器、打印机、打字机、投影仪和PDA等。CSS的引入随即引发了网页设计一个又一个新高潮,使用CSS设计的优秀页面层出不穷。知识链接一个网站如果有很多结构或者样式相同的文件需要修改,所涉及的工作量是不可小视的。但是如果通过CSS来实现样式及布局的变化,只需要修改某个样式即可,在效率上将有很大幅度的提升。CSS样式表一般存在于独立的文件中,或者是包含标签中,这样仅需要修改CSS就可以调整页面样式以及布局,整个网站的样式会瞬间发生变化。
4、2.CSS基本语法CSS代码可以放在HTML文件的