单元格1单元格2单元格"> 单元格1单元格2单元格" />
《CSS终极》PPT课件

《CSS终极》PPT课件

ID:36821362

大小:7.72 MB

页数:155页

时间:2019-05-10

《CSS终极》PPT课件_第1页
《CSS终极》PPT课件_第2页
《CSS终极》PPT课件_第3页
《CSS终极》PPT课件_第4页
《CSS终极》PPT课件_第5页
资源描述:

《《CSS终极》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、层叠样式表(CSS)思考题使用学习过的知识实现如下网页效果:将table中的所有单元格的文字颜色都设置为blue。单元格1单元格2单元格3单元格4单元格1单元格2单元格3单元格4

2、font>层叠样式表(CSS)1CSS概述2为网页添加样式表的方法3用CSS定义样式1CSS概述1.1什么是CSSCSS就是CascadingStyleSheets,中文翻译为“层叠样式表”,他是一项制作网页时专门管理样式的技术。(P-175)作用:控制Web页面外观例:新浪网东北石油大学1CSS概述1.2CSS的发展史2009199819971994CSS建议被提出CSS1作为标准颁布CSS2标准颁布CSS3版本颁布1CSS概述1.3第一个CSS程序helloCSS.html1、背景设置为yellow

3、2、表格居中对齐3、文字居中对齐4、表格宽度为700px5、字号为18px1CSS概述1.4CSS带来的好处便于页面风格的统一和修改CSShtmlhtmlhtmlhtmlhtmlhtmlhtmlhtmlhtmlhtmlhtmlCSS1CSS1的文件路径1CSS概述1.3使用CSS带来的好处2、表现和内容相分离套用CSS样式文件1CSS概述1.4CSS带来的好处CSS+div布局模式——提高页面浏览速度页面加载中。。2为网页添加样式表的方法2.1将CSS引入HTML页的4种法1、内嵌

4、样式混合在HTML标记里使用,对每个元素单独定义样式语法:<标签style="属性1:值1;属性2:值2……">标签内容例:内嵌样式示例

2为网页添加样式表的方法2.1将CSS引入HTML页的4种法2、内部样式在HTML的头部标签与之间添加样式语法:例:规则1规则2……选择符{属性1:属性值1;属性2:属性值2;}……2为网页添加样式表的方法CSS代码目标元素table2为网页添加样式

5、表的方法2.1将CSS引入HTML页的4种法3、链入外部样式把样式表保存为一个样式表文件,然后在页面中使用标签链接到这个CSS文件。语法:例:2为网页添加样式表的方法链入CSS文件目标元素table2为网页添加样式表的方法2.1将CSS引入HTML页的4种法4、导入外部样式在内部样式表的里导入一个外部样式表,导入时使用@import标签。语法:例:@im

6、port"CSS文件URL";2为网页添加样式表的方法导入CSS文件目标元素table2为网页添加样式表的方法2.1将CSS引入HTML页的4种法4、导入外部样式注意2为网页添加样式表的方法2.1将CSS引入HTML页的4种法链入外部CSS与导入外部CSS的区别基本语法区别应用样式方式区别2为网页添加样式表的方法2.2四种方法的优先级3条基本原则基本原则1:叠加原则2为网页添加样式表的方法2.2四种方法的优先级3条基本原则基本原则2:就近原则color:greencolor:black导入样式内部样式2为网页添加样式表的方法2.2四种方法的优先级3条基

7、本原则基本原则3:自然顺序原则1内嵌样式链入样式ch5-demo(3,1‘)3用CSS定义样式3.1CSS的定义方法1、语法:selector{property1:value1;property2:value2;…;propertyN:valueN;}即:选择符{属性1:值1;属性2:值2;……}2、书写规则属性和值之间用冒号分隔多个属性之间用分号分隔每个属性-值对尽量以空格开始3用CSS定义样式3.2标签选择符1、语法:标签名{属性:值;……}2、例:body{ba

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

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

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