《网页设计之CSS》PPT课件

《《网页设计之CSS》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计之CSS教学内容与目标内容：CSS(CascadingstyleSheet:层叠样式表)目标：掌握web开发中的CSSCSS优势Css可以对页面元素进行精细的设置，从而美化页面。样式主要描述元素的字体颜色、背景颜色、边框等。使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。CSS代码语法css样式由选择符和声明组成，而声明又由属性和值组成。选择符：又称选择器，指明网页中要应用样式规则的元素。声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文

2、冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示：p{font-size:12px;color:red;}CSS代码语法最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。为了使样式更加容易阅读，可以将每条代码写在一个新行内，如下所示：p{font-size:12px;color:red;}CSS注释就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用)。就像下面代码：内联式css样式，直接写在现有的HTML标签中C

3、SS样式可以写在哪些地方呢？从CSS样式代码插入的位置看可以分为以下3种：内联式、嵌入式和外部式三种。内联式css就是把css代码直接写在标签中，如文字是红色。

是错误的。并且css样式代码要写在style=“”双引号中，如果有多条css样式代码可以写在一起，中间用分号隔开，如文字是红色。

4、当前文件中嵌入式css样式，就是把css样式写在标签之间。如下面代码实现把三个标签中的文字设置为红色：span{color:red;}嵌入式css样式必须写在之间，并且一般情况下嵌入式css样式写在之间。样式可以复用，减小页面体积。外部式css样式，写在单独一个文件中外部式css样式(也可称为外联式)，就是把css代码写一

5、个单独的外部文件中，文件以“.css”为扩展名，在内（不是在ID选择器公开课#setGreen{color:green;}ID选择器类似于类选择符，但也有一些重要的区别：为标签设置id="ID名称"，而不是class="类名称"。ID选择符的前面是井号（#）号，而不是英文圆点（.）。类和ID选择