常州网页制作培训,CSS样式表基础知识教程-东方博宜课件.ppt

《常州网页制作培训,CSS样式表基础知识教程-东方博宜课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、样式表分类2样式表简介31基本语法33DIV+CSS样式表优点4样式表优化33样式表简介一、样式表简介这是标题：微软操作系统首选12种浏览器名单曝光样式表简介这是段落：

12月17日消息，微软……

2、基本语法CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。基本格式如下：selector{property:value}（选择符{属性：值}）选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如body、p、table……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开：body{color:black}三、基本语法3.2选择符的分类1.类型选择符body{  font-size:12px;}p{  color:bl

3、ue;}指对网页中已有的标签类型作为名称的选择符，如上表示：body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。选择符分类2.群组选择符h4,p,span{  font-size:12px;}表示页面所有的h4,p,span标签内文字都为12px大小，即对一组对象进行相同的样式指定，每个标签之间用逗号分隔开来。选择符分类3.包含选择符tablea{font-size:12px}在表格内的链接改变了样式，文字大小为12象素，而表格外的链接的文字仍为默认大小。选择符分类4.ID选择符id是

4、对页面中的唯一元素进行样式定义，这个样式在页面中只使用一次、即id不重复< id="myDiv">..#myDiv{  font-size:12px;}选择符分类5.类选择符或者写成：.center{text-align:center}这个标题是居中排列的选择符分类6.组合选择符使用id或class，同时也使用标签来进行组合h1#cont{ }表示id为cont的h1标签h1.cont{ }表示所

5、有class为cont的h1标签p.right{text-align:right}p.center{text-align:center}然后用不在不同的段落里，只要在HTML标记里加入你定义的class参数：这个段落向右对齐的

6、属性和值3.3.1字体属性字体属性主要包括：字体族科、字体风格、字体加粗、字体大小。Font-family:用一个指定的字体名或一个种类的字体族科。Font-size:字体显示的大小。Font-style:设定字体风格。Font-weight:以bold为值可以使字体加粗。1.Font-family可以使用一个指定的字体名或一个种类的字体族科。很明显定义一个指定的字体名不如定义一个种类的字体族科。当浏览器解析执行的时候，会控制族科中所列的字体顺序从前到后选择字体，当客户机中没有第一种字体的时候会默认使用第二种字

7、体显示，依此类推。字体族科2.Font-size用来修改字体显示的大小，尺寸既有绝对的也有相对的。后面跟的尺寸单位有：厘米，像素，磅等，最常用的是pt点,1pt=1/72英寸。另外还有其他一些值，例如：xx-small

8、x-small

9、small

10、medium

11、large

12、x-large

13、xx-large字体大小3.Font-style字体风格以三种方法中的一种来定义显示的字体。Normal:普通文字Italic:斜体文字Oblique:倾斜的文字，在中文文字上使用与italic并无明显区别。英文上比Itali

14、c更倾斜字体风格4.Font-weight用来说明字体的加粗，当它是设为绝对时，bolder和lighter值将相对地成比例增长，另外还有normal,bold，还可以直接设置一个100-900之间的任意值。Value：100-900之间Normal：普通文字Bold：加粗Bolder：特粗Lighter：加细字体加粗3.3.2文本属性CSS文本属性主要包括字母间隔、文字修饰、文本排列