电子商务设计实务(孙永道高职高专)

《电子商务设计实务(孙永道高职高专)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、书名：电子商务设计实务ISBN：978-7-111-10017-1作者：孙永道出版社：机械工业出版社本书配有电子课件电子商务设计实务高职高专ppt课件第2章CSS级联样式表电子商务设计实务第二版电子商务设计实务高职高专ppt课件主要内容什么是级联样式表1CSS的创建2CSS的引用方式3样式设计中的计量单位4在脚本语言中使用样式5CSS滤镜特效6电子商务设计实务高职高专ppt课件一、什么是级联样式表CSS与HTMLCSS(CascadingStyleSheet)译作“级联样式表”，是用于增强网页显示风格的特殊标记，级联样式表允许将样式控制与网页内容分离，实现更灵活的样式，CSS是HTML

2、的扩展。CSS的基本格式：电子商务设计实务高职高专ppt课件一、什么是级联样式表2.浏览器对CSS的支持在CSS1.0的标准尚未制定前，IE3.0就已经支持CSS1.0的部分草案规格，NetscapeNavigator则是从4.0才开始支持CSS1.0的，Maxilla5.0被认为对CSS1.0和大多数CSS2.0提供最完全支持的浏览器。NetscapeNavigator4.0和IE4.0及I

3、E5.0支持CSS1.0的各部分。总之，在使用CSS时，要了解浏览器对CSS的支持情况。电子商务设计实务高职高专ppt课件一、什么是级联样式表3.CSS的优点DBCA减少图形文件的使用次数共享样式设置利用样式表可以实现样式的集中控制可以将样式分类使用电子商务设计实务高职高专ppt课件二、CSS的创建样式的基本格式和用法样式定义的基本格式HTML标记{属性:属性值;}②样式的组成样式主要包括样式选择器和样式规则两部分。③一个标记中使用多个样式在样式定义中可以同时对多个不同的样式属性进行设置，不同的属性之间用分号分隔。电子商务设计实务高职高专ppt课件二、CSS的创建样式的基本格式和用法④

4、分行定义样式BODY{Background:Blue；}BODY{Color:Yellow；}⑤样式中使用注释⑥多个标记使用相同样式注释是对样式的说明，不影响样式设置。注释放在/**/之间。不仅一个标记可以使用多个样式属性，多个标记也可以使用相同的样式定，多个标记之间要用逗号分隔。电子商务设计实务高职高专ppt课件二、CSS的创建2.类选择器类选择器的格式为：.类名{样式规则表；}一个具体的例子电子商务设计实务高职高专ppt课件二、CSS的创建3.ID选择器ID选择器的定义格式为：#ID名称{样式规则表；}一个具体的例子。（例2-2-1）电子商务设计实务高职高专ppt课件二、CSS的创

5、建4.上下文选择器上下文选择器主要是为某个HTML标记内部的标记设置样式的。一个具体的例子（例2-2-2）二、CSS的创建5.建立样式文件一个具体的例子。（y1.css）样式文件是将样式设置保存在文件中构成的样式集合。样式文件的扩展名为CSS。三、CSS的引用方式1.整页套用样式如果要使样式对整个页面的显示效果都起作用，就需要把定义的样式通过标记放在标记…之间。看一个具体的例子。（例2-3-1）三、CSS的引用方式2.样式定义中引用样式文件样式定义中可以引用已经定义好的样式文件。要在样式定义中引用样式文件，可以使用CSS的@i

6、mport声明符，这个声明用于一个CSS文件或内部的STYLE元素。Import声明符的语法格式为：@importURL(样式文件的URL);三、CSS的引用方式3.样式文件的引入当我们建立好样式文件之后，就可以引入样式文件到网页中。方法是在之间加上如下的代码：REL在链接样式文件(*.css)时，REL永远是“stylesheet”。YEP属性指定了链接文件的MIMI类型，这里它的值只能是“text/css”。HREF属性引用已经创建的样式文件的名字。下面

7、是一个引用样式文件的实例。（例2-3-2）三、CSS的引用方式4.使用局部样式三种方式：用标记的STYLE属性。如：局部样式的使用引入类选择器。（如例2-3-3）引入ID选择器。（如例2-3-4）三、CSS的引用方式5.样式的混合使用样式的使用不只是上面讲的几种，还可以将几种样式混合使用，以达到更加复杂的样式设计要求。一个具体