一、CSS基本语法
1、 所有css样式申明都是大小写无关的。(元素、属性名称在HTML中大小写无关,但在XML中对大小写是敏感的)
2、 属性值(属性:属性值)
2.1整数和实数:eg:100 5.5
注意:有些整数或者实数类属性值有定义范围,通常它们不允许负值。
2.2长度值
分为:绝对长度值和相对长度值
相对单位有:em、ex和px等。
(1) em的尺寸由font-size属性设计而来。em单位的尺寸为大写英文字母“M”或者“H”的高度。
1> 读取默认的字号大小数值,例如12号
2> 读取相对单位em的数值,例如1.5em
3> 显示18号字体(12pt*1.5=18pt)
(2) ex根据当前默认字体中途小写字母“x”的高度来定义。
比较代码:
<html>
<head>
<title>
em VS ex
</title>
</head>
<body>
<p style="font-size:1em;">CSS
<p style="font-size:1ex;">CSS
</body>
</html>
(3)px是像素(pixel)的简称,相对于计算机屏幕分辨率而言的。
2.3百分比
2.4URL
完整的URL:传输协议://域名或者IP/目录1/目录2/…./目录n/文件名
2.5颜色
二、CSS作用于文档的方法
1、三种方法作用于HTML文档:
1>行内定义CSS样式属性
2><style>元素统一定义css样式
3>外联css文件定义 <link href=”urlName.css” rel=”stylesheet” type=”text/css”>
三、颜色和背景
1、文本前景色设置color
前景颜色属性定义的部分通常是指页面文本,也就是文字的颜色
2、文档背景色设置background-color
3、文档背景图片选择background-image(背景图片的位置处于背景色的上方和文字的下方)
4、文档背景图片重复方式background-repeat
background-repeat:repeat-x;
background-repeat :repeat-y;
background-repeat:no-repeat;
5、文档背景图片粘连方式background-attachment(:scroll/fixed)
6、文档背景图片显示位置background-position
Eg: background-position:0% 0%(显示背景图片于左上角)