CSS是“Cascading Style Sheets(层叠样式表单)”的简称,中文译为:“串联式排版样式”`,也叫“串联样式表”。顾名思义,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在您丰富的想象力下千变万化。
它的作用是用于定义文字属性,文本属性等网页中的基本信息,是网页中的字体大小颜色等等一系列基本信息不随着浏览器及系统显示的分辨率等因素的变化而变化,使得网页具有一定的“固定”性。它是统一HTML标准的“W3C”的工业合作组织于1996年5月制定的第一个排版样本标准,是对HTML功能的一种补充。CSS并不是一种编程语言,简而言之,CSS只是一种用于页面设计的,有设计者提供的手段。CSS的主要功能是通过对HTML标记进行设定,来达到对网页中的字体格式颜色背景图象和其它图文效果的控制功能,使网页能按设计者的意图来显示,从设计者的角度来看,它们几乎可以任意复杂的。
这里介绍的一些CSS的基本用法与参数选择。
CSS具有以下特点:
通过修改页面调用的样式单,即可修改整个页面的样式。
使网页设计者能够控制以往无法控制的字体效果,如:下划线、字体风格等。
我们常见的鼠标指向时变色的链接,就是通过指定链接的不同行为的CSS来实现的。
执行速度快,不会对浏览者的系统造成任何影响。
一、css样式表的声明方式
1、分项声明
组件名{样式性质:值;}
p{font-size:24px;}
2、集体声明:可声明多个组件中的多个样式类型
p,H1,Table{font-size:36px;font-fanily:"隶书";color:"#cccccc";}
3、直接写入标签中
<td style="font-size:24px">
4、样式表文件声明方式
导入样式表的方式为:<link href="css文件路径" rel="stylesheet" type="text/css"}
二、css的类型
1、类:可用于任何标签。类名前要加 . 符号。
使用:<p class=类名称>
2、标签
3、id:定义时要在样式前加 # 符号。
使用: <p id=样式名称>
三、css的类型属性
1、字体属性
font-fanily 字体类型
font-size 字体大小
font-style 字体风格
line-height 行高
font-weight 字体粗细
font-variant 英文大小写转换
text-transform 控制字母大小写
color
text-decoration 字体修饰
2、背景属性
background-imge 背景图像
background-attachment 背景图像是否随页面滚动
background-repeat 背景图像平铺样式
background-position 背景图像水平和垂直位置
3、区块属性
word-spacing 单词间距
letter-spacing 字母间距
vertical-align 垂直对齐
text-align 文本对齐
text-indent 文字对齐
white-space 空格
4、方框属性
5、边框属性
P{border:边框宽度 边框样式 颜色;}
6、列表属性
list-style-plsitim 位置
list-style-image 项目符号图像
list-style-type 类型
7、定位属性
8、扩展属性:分页效果 光标样式 过滤器