欢迎来到天天文库
浏览记录
ID:48910601
大小:192.00 KB
页数:82页
时间:2020-02-01
《网页制作 CSS.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、网页制作第6章CSS层叠样式表CSS(CascadingStyleSheets)层叠样式表是用于控制网页样式并能够将样式信息与网页内容分离的一种标记型语言。CSS将文档呈现出各种效果,甚至可以改变文档元素在页面中的位置。不过CSS只是改变视觉效果,文档元素的逻辑嵌套结构不会被改变。目录6.1层叠样式表优势6.2与样式连用的HTML元素6.3CSS基础语法6.4CSS的使用6.5Dreamweaver8的CSS操作6.6Dreamweaver8的CSS定义6.7CSS伪类和链接6.1层叠样式表优势强大的控制能力和排版能力提高了网页的浏览速度缩
2、短修改时间、提高工作效率更有利于搜索引擎的搜索6.2与样式连用的HTML元素1.
3、语法1.基本规则2.组规则3.继承(层叠)规则4.类规则5.ID规则6.嵌套规则1.基本规则语法:选择符{属性1:值1;属性2:值2;……}CSS的语法包括选择符、属性和属性值三部分。选择符可以理解为对象的引用。属性和值是这个对象的属性和相应的值。例如:p{color:#FF0000;font-family:"新宋体";font-size:14px;}2.组规则语法:选择符1,选择符2,……{属性1:值1;属性2:值2;……}需要对不同的选择符进行相同样式的定义时,可以使用CSS的组规则。例如:p,h1,td{color:#FF0000;f
4、ont-family:"新宋体";font-size:14px;}3.继承(层叠)规则当对一个HTML标签定义了CSS样式后,样式会自动继承给这个HTML标签的所有子标签。例如:p{color:#FF0000;font-family:"新宋体";font-size:14px;}
123ABC
5、的class属性。例如:.p14{color:#FF0000;font-family:"新宋体";font-size:14px;}段落
6、…{属性1:值1;属性2:值2;……}嵌套规则为了从结构上保持一个关联性。选择符可以是HTML标记符、类或者ID。例如:pspan{color:#FF0000;font-family:"新宋体";font-size:14px;}
9、【CSS样式】、【CSS】浮动面板或代码方式来完成。推荐使
此文档下载收益归作者所有