层叠样式表入门.pdfVIP

层叠样式表入门 主讲：田雪松 松迪科技（北京）有限公司 松迪科技（北京）有限公司 简介 层叠样式表（Cascading Style Sheet ，简写为 CSS）是一种允许将网页显示样式与网页显示 内容相分离的标记性语言。 层叠样式表内定义了网页标记显示的风格，浏 览器在显示时就会根据CSS 文件中的定义将这 些标记显示出来。 层叠样式表最早由哈坤·利在1994年提出，后 被W3C 采纳，1996年底发布第一版。 松迪科技（北京）有限公司 松迪科技（北京）有限公司 简介 可以通过三种方式将CSS 引入到页面中： 1. 链入外部样式表 2. 定义内部样式块 3. 内联定义 松迪科技（北京）有限公司 松迪科技（北京）有限公司 简介 链入外部样式表 – 定义单独的CSS 文件 – 在需要CSS 的HTML文件中使用link标记引入 head title……/title = link rel stylesheet href=… type=text/css link rel=stylesheet href=… type=text/css /head – 或使用XML语法形式 ?xml-stylesheet type=text/css href=…… ? ?xml-stylesheet type=text/css href=…… ? 松迪科技（北京）有限公司 松迪科技（北京）有限公司 简介 定义内部样式块 – 在HTML文件中嵌入style 块，如下： head title……/title style type=text/css style type=text/css !-- !-- body {font: 10pt Arial} body {font: 10pt Arial} h1 {font: 15pt/17pt Arial; font-weight: bold; color: maroon} h1 {font: 15pt/17pt Arial; font-weight: bold; color: maroon} h2 {font: 13pt/15pt Arial; font-weight: bold; color: blue} h2 {font: 13pt/15pt Arial; font-weight: bold; color: blue} p {font: 10pt/12pt Arial; color: black} p {font: 10pt/12pt Arial; color: black} -- -- /style /style /head – 使用注释标记是为让那些不支持CSS 的浏览器忽略掉CSS 而不是显 示这些内容 松迪科技（北京）有限公司