文档介绍:网页设计与制作
——网页的美容师
CSS样式
学****目标
理解CSS技术在网页制作过程中所起的重要作用,掌握CSS样式定义的方法。
理解各种CSS属性的含义,掌握常用属性的用法。
掌握三种在网页中使用CSS样式的方法,并对比各自的优劣。
Part 1 CSS基础
什么是CSS
CSS(Cascading Style Sheet,层叠样式表)是一种格式化网页的标准方式,它扩展了 HTML 的功能,使网页设计者能够以更有效的方式设置网页格式。
Part 1 CSS基础
CSS样式表是控制文本或文本区外观的一组格式属性,是一系列格式设置规则。
CSS样式表可以非常灵活地控制网页的外观,从精确的布局定位到特定的字体和样式,样式表包括文档中的所有格式。使用外部样式表还可以一次作用于若干篇文档——甚至整个站点。
Part 1 CSS基础
CSS样式表的优点:
,下载页面快
Part 1 CSS基础
CSS样式的分类:
:最基本最灵活的样式
:对HTML标签的默认格式重新定义
:用得最多是关于链接的定义
Part 1 CSS基础
关于链接的定义4种状态:
a:link 超级链接文字的一般状态
a:visited 超级链接文字已链接过的状态
a:hover 鼠标光标移到超级链接文字上的状态
a:active 超级链接文字正在链接中的状态
Part 1 CSS基础
存放样式的位置:
:将定义代码放在网页的<head>和</head>之间。
样式表只能用于当前的网页。
:存放在外部的扩展名为*.css的文件中。
样式表可以被所有网页引用。
Part 1 CSS基础
样式定义的语法
CSS定义由3部分构成:选择符( selector )、属性(properties)和属性值(value)。
基本格式如下: 选择符{属性:值}
Selector{property1:value1;property2:value2;property3:value3;……}
Selector定义样式作用的对象,property为CSS属性,value为属性对应的值。
Part 1 CSS基础
样式定义的语法
选择器
样式定义
样式属性
属性取值
H1 {text-align:center; font-family:黑体}