网页设计课件css基础.pptVIP

第13章 CSS基础;Cascading Style Sheet 层叠样式表;CSS的优点;CSS样式的优点：;一、CSS分类;1、内嵌样式(Inline Style);2、内部样式表(Internal Style Sheet);内部css;html head title第一个CSS/title style type=text/css !-- .s1 {font-size: 57px;color: green;} .s2 {color: red;} -- /style /head body p class=s1应用了s1样式,绿色，字体大小57px /p span class=s2应用了s2样式，字体为红色/span /body ;3.1、引入外部CSS1——link;3.2引入外部CSS1——import;Import 和 link 的区别;使用外部(Extenal)样式表，相对于内嵌(Inline)和内部式(Internal)的，有以下优点：;二、层叠(Cascading);三、基本语法 ;html head title第一个CSS/title style type=text/css !-- .s1 {font-size: 57px;color: green;} .s2 {color: red;} -- /style /head body p class=s1应用了s1样式,绿色，字体大小57px /p span class=s2应用了s2样式，字体为红色/span /body 自定义样式（类选择符）的命名规则： 必须以.开头 不能以数字开头 不能包含汉字和特殊字符;四、常见样式属性1、CSS字体属性;2、CSS常用文本属性;相对长度单位;3、背景属性;第14章 CSS选择符;一、class选择符;二、标签选择符;2、包含选择符 定义只有在指定标签内的标签才显示CSS样式 例如： 定义：p span {color:green；} 调用：p span绿/span颜色/p h1span大/span家好/h1 spanhello/span 这里的只有p标记中的span标记才显示为绿色，即字“绿”显示为绿色;三、ID选择符;;三种定义和调用的方法;群组选择符;四、CSS伪类(pseudo class);CSS伪类的语法有两种;其他伪类;作业1：用CSS完成下列效果;作业2