Internet及网页设计5.ppt

Internet及网页设计5.ppt

ID:49267864

大小:2.09 MB

页数:42页

时间:2020-02-02

Internet及网页设计5.ppt_第1页
Internet及网页设计5.ppt_第2页
Internet及网页设计5.ppt_第3页
Internet及网页设计5.ppt_第4页
Internet及网页设计5.ppt_第5页
资源描述:

《Internet及网页设计5.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、第五章样式表目的和要求:理解CSS基本概念,掌握CSS样式的定义及应用方法,理解CSS盒式模型概念,熟练掌握用CSS进行网页布局。了解一些CSS的高级使用技巧。自学要求:CSS中一些非常用属性的使用方法。教学重点:本章是本课程的重点章节。要求理解并掌握CSS的一些基本应用方法、能熟练应用CSS中的盒式模型,掌握使用CSS进行网页布局设计方法。第五章样式表一、CSS基础二、CSS盒式模型三、CSS布局和高级应用我们可在每个CSS规则里添加若干个属性和值。p{background-color:red;border:1pxsolidgray;}

2、元素将有一个边框……宽度为1个像素,实线,灰色我们再添加一个属性并给它赋值要添加更多的样式?在HTML中加入样式…………茶叶俱乐部

茶叶俱乐部

…………为了能在HTML中直接添加CSS样式,必须在元素里添加样式开始和结束标记,还有一个“text/css”的样式类

3、型而我们的CSS规则将会放入这个位置链接到外部样式表步骤:1)创建一个外部样式表文件css(文本文件)如“1.css”。2)在1.css中添加样式规则。3)在网页中创建从网页到这个CSS文件的外部链接。……茶叶俱乐部

4、ead>

茶叶俱乐部

……我们已经不再需要在元素里添加样式开始和结束标记,还有一个“text/css”的样式类型CSS基础—总结(2)如何把样式加入到html中:第2种方法使用link元素把外部样式表链接到网页中。使用“类”……绿茶中国产量最多的一类茶叶,是不经过发酵……

……(1)将元素加入类中给

加一个class属性,设置它的类名p.greenTea{colo

6、r:green;}首先是p选择符用一个点号来定义类最后是类的名称这个选择符选择绿茶类的所有段落。第(2)步进一步了解类p.greenTea{color:green;}如果要把这个类加到

,

…,怎么办?p.greenTea,h1.greenTea,h2.greenTea……{color:green;}.greenTea{color:green;}如果省略所有的元素名称,而用一个句点并且后接一个类名,那么这个规则将会适用于该类的成员进一步了解“类”一个元素还可以加入多个类将每个类名

7、赋给“class”属性,类名之间用一个空格隔开,顺序无关紧要一、CSS基础—总结(3)类选择符p.greenTea{color:green;}首先是p选择符用一个点号来定义类最后是类的名称这个选择符选择绿茶类的所有段落。.greenTea{color:green;}如果省略所有的元素名称,而用一个句点并且后接一个类名,那么这个规则将会适用于该类的成员一个元素还可以加入多个类一、CSS基础2、字体和颜色调整字体大小调整字体大小调整字体大小调整字体大小调整字体大小注意:用像素指定字体大小时,IE

8、不支持比例缩放。应该用什么方法定义我们的字体呢?选择一种关键字(推荐用small或medium)定义body字体大小,也就是网页的默认字体大小。用em

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。