电子商务设计实务 第2版 教学配套课件 孙永道 主编 第2章 CSS样式表.pdfVIP

第2章 CSS级联样式表 第2章 CSS级联样式表 电子商务设计实务 第二版 电子商务设计实务 第二版 教育部“十一五”规划教材 教育部“十一五”规划教材 主要内容 主要内容 主要内容 什么是级联样式表 1 什么是级联样式表 1 CSS的创建 2 CSS的创建 2 CSS的引用方式 3 CSS的引用方式 3 样式设计中的计量单位 4 样式设计中的计量单位 4 在脚本语言中使用样式 5 在脚本语言中使用样式 5 CSS滤镜特效 6 CSS滤镜特效 6 一、什么是级联样式表 一、什么是级联样式表 一、什么是级联样式表 1. CSS与HTML CSS(Cascading Style Sheet)译作“级联样式表”，是用于增 强网页显示风格的特殊标记，级联样式表允许将样式控制与 网页内容分离，实现更灵活的样式，CSS是HTML 的扩展。 CSS的基本格式： STYLE !-- .AA{ font-family: 宋体; color: #FF00FF; font-weight: bold } h1{ font-family: Arial Black } -- /STYLE 一、什么是级联样式表 一、什么是级联样式表 一、什么是级联样式表 2. 浏览器对CSS的支持 在CSS1.0的标准尚未制定前，IE3.0就已经支持CSS1.0的 部分草案规格，Netscape Navigator 则是从4.0才开始支持 CSS1.0的，Maxilla 5.0被认为对CSS1.0和大多数CSS 2.0提 供最完全支持的浏览器。Netscape Navigator 4.0和IE 4.0 及IE 5.0支持CSS1.0的各部分。总之，在使用CSS时，要了 解浏览器对CSS的支持情况。 一、什么是级联样式表 一、什么是级联样式表 一、什么是级联样式表 3. CSS的优点 A A 减少图形文件的使用次数 B B 利用样式表可以实现样式的集中控制 C C 共享样式设置 D D 可以将样式分类使用 二、CSS的创建 二、CSS的创建 二、CSS的创建 1. 样式的基本格式和用法 1. 样式的基本格式和用法 ① 样式定义的基本格式 ① 样式定义的基本格式 HTML标记{属性:属性值;} ② 样式的组成 ② 样式的组成 样式主要包括样式选择器和样式规则两部分。 样式主要包括样式选择器和样式规则两部分。 ③ 一个标记中使用多个样式 ③ 一个标记中使用多个样式 在样式定义中可以同时对多个不同的样式属性进行设 在样式定义中可以同时对多个不同的样式属性进行设 置，不同的属性之间用分号分隔。 置，