上课-层叠样式单CSS.ppt

上课-层叠样式单CSS.ppt

ID:48847347

大小:166.50 KB

页数:54页

时间:2020-01-27

上课-层叠样式单CSS.ppt_第1页
上课-层叠样式单CSS.ppt_第2页
上课-层叠样式单CSS.ppt_第3页
上课-层叠样式单CSS.ppt_第4页
上课-层叠样式单CSS.ppt_第5页
资源描述:

《上课-层叠样式单CSS.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、层叠样式单CSSCSS(CascadingStyleSheets)层叠样式表是一组样式的集合。它的主要作用是统一定义页面中相同类型对象的样式,使页面上应用了相同层叠样式表的对象具有相同的显示效果和属性。所以采用CSS使用的网页具有良好的统一性、易用性和扩展性,而且减少了样式定义的重复代码,缩短下载时间,同时使用CSS设定的文字大小是不会随浏览器的设定而改变CSS和HTML同样都是标记性语言,可以把它看作是HTML的组成部分或是对HTML的补充和加强。一个CSS可以应用于多个对象或多个页面,只要修改CSS中定义的选择符的内容,应用了该选择符的对象和页面都随之发生改变1.使用CSS的方法如何在HT

2、ML文档中加入层叠样式表呢?常用的方法有三种:(1)外联样式表(2)内嵌样式表(3)元素内定同时使用这三种方法时要考虑的应用的优先级问题,下面分别介绍这三种方法。外联样式表外联样式表是将网页的内容与样式定义分离,将样式定义单独保存在一个CSS文档(后缀名为css)。这个方法适用于网站管理,一个CSS外部文档可以应用于多个文档,只要每一个文档的头部中链入CSS样式定义外部文档。rel属性说明链接的是一个独立的CSS文件,href属性值为要链接的CSS文件的UR

3、L地址。内嵌样式表内嵌样式表是在HTML文档的头部直接定义样式。这个方式适用于对单个网页的样式定义,一般作为对外联样式表的补充,如果内嵌样式表的定义与外联样式表的定义相冲突,网页的显示以内嵌样式表的定义为准。元素内定元素内定是指随时在HTML的标签中插入一段CSS样式定义,是最灵活的一种方式,通常适用于指定网页内一小段文字的指定,例如:

4、h:5pt;border-color:red;body-style:solid”>CSS的基本语法1)CSS的书写书写CSS的基本语法如下:selector{property:value;property:value;...}selector是选择符,主要分三类,第一种是HTML语言的标记,第二种是类选择符,第三种是ID。property是能够被修改或者重新定义的属性。HTML语言的标记任何一个HTML的标记都可以是一个CSS的选择符,例如:H1{color:blue;}使用这条规则后,所有的1号标题都为蓝色显示。类选择符在样式表中可以设置样式类,样式类的名称反映它们的功能或类别,例如:war

5、ning{font-weight:bolder;color:red;background:white}上述代码定义了warning类,从名称上可知是用于警告文本的样式设置。使用类选择符定义的CSS样式在HTML中通过使用class属性引用,例如:这是一段警告文本示例

ID选择符ID选择符用于定义一个元素的独特样式,可以通过使用ID属性在HTML中引用,例如:#title{font_size:larger}欢迎访问InterstageWebLearning

样式规则继承组合层叠继承选择符的定义可以嵌套定义,嵌套定义的选择符

6、都会继承外层选择符指定的属性值,但有些情况例外,内部选择符不继承设置周边属性的选择符的值,例如,上边界属性是不会继承组合具有相同属性定义的选择符可以组合定义,以减少样式表的重复声明,例如:H1,H2,H3,H4,H5,H6{color:black}层叠当一个HTML文档使用了多个样式表,而同一个选择符的定义在不同的样式表中的定义引起冲突时,不同类型的样式表遵循优先级规则,同一类型的样式表可以设置!important抢夺控制权。例如:.warning{font-weight:bolder;color:red;background:white!important}CSS属性最常用的CSS属性有:字

7、体属性、文本属性、背景属性、定位属性、布局属性、外边距属性、边框属性、内边距属性、列表项目属性、表格属性、滚动条属性。要使用好CSS,必须对它的属性有深入的了解,这部分内容请读者自行查阅有关书籍。学习要点:1.了解CSS的特点。2.掌握CSS中各种选择符的定义及使用方法。3.掌握CSS样式常用的属性例如字体属性、颜色和背景属性、文本属性、边框属性等。4.掌握在HTML中使用CSS的几种方式。5.了

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

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

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