欢迎来到天天文库
浏览记录
ID:48847347
大小:166.50 KB
页数:54页
时间:2020-01-27
《上课-层叠样式单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样式定义外部文档。
3、L地址。内嵌样式表内嵌样式表是在HTML文档的头部直接定义样式。这个方式适用于对单个网页的样式定义,一般作为对外联样式表的补充,如果内嵌样式表的定义与外联样式表的定义相冲突,网页的显示以内嵌样式表的定义为准。
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属性引用,例如:这是一段警告文本示例
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.了
此文档下载收益归作者所有