静态网页第十五章.ppt

1、零基础学CSS,第15章 CSS基础知识,课程安排,CSS编写环境 CSS文件链接方式 CSS在浏览器兼容性 选择符 伪类 CSS常用单位,CSS编写环境,CSS是Cascading Style Sheet 的缩写，翻译成中文是层叠样式表单，有时简称样式表。它是控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS通常在网页制作中起重要角色，而且还可以减少网页代码量，更能提高网络访问网页的速度，而且更容易学习和实践，所以CSS越来越被更多的网页工作者采用。,CSS文件链接方式,内联定义 内联定义即是在对象的标记内，使用对象的style属性定义适用其的样式表属性。 链入内部CSS /

2、*这里写CSS内容*/链接外部CSS ,CSS在浏览器兼容性,现在浏览器市场的主流浏览器主要是Internet Explorer（简称IE）和 Mozilla Firefox（简称FF），网页中的CSS因两个浏览器支持不同，所以对同一代码会显示不同的效果，那么为了达到网页的风格，有时要注意哪个浏览器要写的CSS属性支持如何。如果某一属性只有一个浏览器支持，那么另一浏览器对这属性代码就不起作用。,选择符,CSS选择符就是CSS样式的名字，选择符的命名规则可以使用英文字母的大写与小写、数字、连字号、下划线、冒号、句号，CSS选择符只能以字母开头，选择符在CSS中可分成多种，在本小节中只介绍常用的C

3、SS选择符：HTML标签选择符、ID选择符和CLASS（类选择符）选择符。,伪类和伪元素,伪类 伪类选择符是基于一组预定义性质的选择符，HTML元素可以占有这些预定义性质。实际上这些性质与class属性的功能是相同的，因此在CSS术语中，它们被称作伪类。在对应这些伪类的标记中，不存在真正的class属性，相反，它们代表应用到这些元素的某些方面，或者是相对于该元素的浏览器用户界面的状态。,伪类和伪元素,伪类 伪类选择符是基于一组预定义性质的选择符，HTML元素可以占有这些预定义性质。实际上这些性质与class属性的功能是相同的，因此在CSS术语中，它们被称作伪类。在对应这些伪类的标记中，不存在真正的class属性，相反，它们代表应用到这些元素的某些方面，或者是相对于该元素的浏览器用户界面的状态。,CSS常用单位,相对单位 em：（em，元素的字体的高度）。 ex：（x-height，字母 “x“ 的高度）。 px：（像素，相对于屏幕的分辨率）。 绝对长度单位 in：（英寸，1英寸=2.54厘米）。 cm：（厘米，1厘米=10毫米）。 mm：（毫米，1米=1000毫米）。 pt：（点，1点=1/72英寸）。 pc：（帕，1帕=12点）。,谢谢,