CSS样式表.ppt

《CSS样式表.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、CSS样式表CSS介绍CSS位置CSS语法CSS注释本节目标理解CSS的概念按照CSS位置的分类掌握CSS基本语法的写法，会使用选择器掌握使用CSS设置段落和字体的方法掌握CSS注释的写法CSS简介CSS是CascadingstyleSheets的缩写。即层叠样式表。CSS是一种标记语言，直接由浏览器解释执行。CSS用于控制网页内容在网页中如何显示，包括网页内容的布局和视觉效果。CSS文件的后缀名为.css。CSS对大小写不敏感。CSS简介内容相同外观不同例style_show.htmCSS的优点当网站中有多个网页的样式相同时或相似时，就可以共用个别的CSS文件，所以网页的就瘦多了，

2、下载起来也会更快。当想改变很多网页的显示样式时，只需要更改CSS文件的少许地方，这样减少了工作量。样式表能实现内容与样式的分离，方便团队开发CSS的优点程序员写代码美工做样式内容与样式和谐统一的完整网页CSS的位置根据CSS写的位置的不同，可以分为:行内样式表（嵌入）内部样式表（内嵌）外部样式表CSS的位置行内样式表行内样式表写在标签里面的，并且只对本标签有效。<标签名style="属性1:值1;属性2:值2 ......">.......例：行内样式.htmCSS的位置内部样式表内部样式表是写在与之间。只能在本页套用这些样式。

3、e="text/css">    ......例：内部样式.htmCSS的位置外部样式表外部样式表写在HTML文件外部的单独的CSS文件里，文件必须以.css为后缀名的。这时众多网页就可以引用此CSS文件了。在CSS文件里不需要写......CSS文件写好以后，就可以在HTML文件中链接CSS文件了。例：外部样式1.htmCSS的位置外部样式表也可以使用如下语法引入外部样式表：

4、"text/css">@import"CSS文件地址";例：外部样式2.htm样式的混合使用行内样式表、内部样式表、外部样式表各有优势，实际的开发中常常需要混合使用：有关整个网站统一风格的样式代码，放置在独立的样式文件*.css某些样式不同的页面，除了链接外部样式文件，还需定义内部样式某张网页内，部分内容”与众不同“，采用行内样式。样式的混合使用对于某个HTML标签：1）如果有多种样式，如果规定的样式没有冲突，则叠加；2）如果有冲突，则最先考虑行内样式表显示，如果没有，再考虑内部样式显示，如果还没有，最后采用外面样式表显示，否则就按HTML的默认样式显示。CSS语法s

5、elector是选择器，property是属性，value是属性值。可以看到，属性与值是成对出现的，在属性与值之间有冒号，在每一对属性值对后面有一个分号。有一对大括号把所有的内容都括起来了（除了selector在大括号的前面）。selector{    property1:value1;    property2:value2;    ......}注意，为了增强可读性，要把每一对属性值对作为一行，注意第对属性值对后面有分号。CSS选择器根据选择器的不同，又可分为：HTML选择器CLASS类选择器ID选择器/*--关键代码--*/

6、css">P{/*设置样式：字体和背景色*/font-family:System;font-size:18px;color:#3333CC;}H2{background-color:#CCFF33;text-align:center;}

品种特征方面：

1、蛋鱼：蛋鱼…….。

2、龙睛：龙睛……..。

3、高头：高头….。