上课-层叠样式单css.pptVIP

CSS(Cascading Style Sheets)层叠样式表是一组样式的集合。它的主要作用是统一定义页面中相同类型对象的样式，使页面上应用了相同层叠样式表的对象具有相同的显示效果和属性。所以采用CSS使用的网页具有良好的统一性、易用性和扩展性，而且减少了样式定义的重复代码，缩短下载时间，同时使用CSS设定的文字大小是不会随浏览器的设定而改变 CSS和HTML同样都是标记性语言，可以把它看作是HTML的组成部分或是对HTML的补充和加强。一个CSS可以应用于多个对象或多个页面，只要修改CSS中定义的选择符的内容，应用了该选择符的对象和页面都随之发生改变 1.使用CSS的方法 如何在HTML文档中加入层叠样式表呢？常用的方法有三种： (1)??? 外联样式表 (2)??? 内嵌样式表 (3)??? 元素内定 同时使用这三种方法时要考虑的应用的优先级问题，下面分别介绍这三种方法。 外联样式表 外联样式表是将网页的内容与样式定义分离，将样式定义单独保存在一个CSS文档(后缀名为css)。这个方法适用于网站管理，一个CSS外部文档可以应用于多个文档，只要每一个文档的头部中链入CSS样式定义外部文档。 html head link rel=”stylesheet” href =URL /head body /body /html rel属性说明链接的是一个独立的CSS文件，href属性值为要链接的CSS文件的URL地址。 内嵌样式表 内嵌样式表是在HTML文档的头部直接定义样式。这个方式适用于对单个网页的样式定义，一般作为对外联样式表的补充，如果内嵌样式表的定义与外联样式表的定义相冲突，网页的显示以内嵌样式表的定义为准。 html head style type=”text/css” !-- H1{font_size:20pt} .BODY{color:blue} -- /style /head body /body /html 元素内定 元素内定是指随时在HTML的标签中插入一段CSS样式定义，是最灵活的一种方式， 通常适用于指定网页内一小段文字的指定，例如： p style=”border-width: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号标题都为蓝色显示。 类选择符 在样式表中可以设置样式类，样式类的名称反映它们的功能或类别，例如： warning{font-weight:bolder;color:red;background:white} 上述代码定义了warning类，从名称上可知是用于警告文本的样式设置。使用类选择符定义的CSS样式在HTML中通过使用class属性引用，例如： p class=” warning”这是一段警告文本示例/p ID选择符 ID选择符用于定义一个元素的独特样式，可以通过使用ID属性在HTML中引用，例如： #title{font_size:larger} p ID=”title” 欢迎访问Interstage Web Learning/p 样式规则 继承 组合 层叠 继承 选择符的定义可以嵌套定义，嵌套定义的选择符都会继承外层选择符指定的属性值，但有些情况例外，内部选择符不继承设置周边属性的选择符的值，例如，上边界属性是不会继承 组合 具有相同属性定义的选择符可以组合定义，以减少样式表的重复声明，例如： H1,H2,H3,H4,H5,H6{color:black} 层叠 当一个HTML文档使用了多个样式表，而同一个选择符的定义在不同的样式表中的定义引起冲突时，不同类型的样式表遵循优先级规则，同一类型的样式表可以设置!important抢夺控制权。例如： .warning{font-weight:bolder;color:red;background:white !important} CSS属性 最常用的CSS属性有：字体属性、文本属性、背景属性、定位属性、布局属性、外边距属性、边框属性、内边距属性、列表项目属性、表格属性、滚动条属性。要使用好CSS，必须对它的属性有深入的了解，这部分内容请读者自行查阅有关书籍。 学习要点： 1．了解CS