文档介绍：尺寸
单位
描述
%
百分比
in
英寸
cm
厘米
mm
毫米
em
1em 等于当前的字体尺寸。
2em 等于当前字体尺寸的两倍。
例如,如果某元素以 12pt 显示,那么 2em 是24pt。
在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。
ex
一个 ex 是一个字体的 x-height。(x-height 通常是字体尺寸的一半。)
pt
磅(1 pt 等于 1/72 英寸)
pc
12 点活字(1 pc 等于 12 点)
px
像素(计算机屏幕上的一个点)
颜色
单位
描述
(颜色名)
颜色名称(比如 red)
rgb(x,x,x)
RGB 值(比如 rgb(255,0,0))
rgb(x%, x%, x%)
RGB 百分比值(比如 rgb(100%,0%,0%))
#rrggbb
十六进制数(比如#ff0000)
CSS语法由三部分构成:选择器、属性和值;
选择器{属性:值} eg. body {color: blue;}
提示:如果值为若干单词,则要给值加引号;
外部样式表:
用<link>标签链接到样式表
<head>
<link rel="stylesheet" type="text/css" href="" />
</head>
浏览器会从文件中读到样式声明,并根据它来格式文档。
内部样式表:
可以使用<style> 标签在文档头部定义内部样式表;
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/");}
</style>
</head>
内联样式:
<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>
CSS 背景属性
属性
描述
background
简写属性,作用是将背景属性设置在一个声明中。
background-attachment
背景图像是否固定或者随着页面的其余部分滚动。Scroll随文滚动
background-color
设置元素的背景颜色。
background-image
把图像设置为背景。
background-position
设置背景图像的起始位置。
background-repeat
设置背景图像是否及如何重复。
CSS 文本属性
属性
描述
color
设置文本颜色
direction
设置文本方向。
line-height
设置行高。
letter-spacing
设置字符间距。
text-align
对齐元素中的文本。
text-decoration
向文本添加修饰。
text-indent
缩进元素中文本的首行。
text-shadow
设置文本阴影。CSS2 包含该属性,但是没有保留该属性。
text-transform
控制元素中的字母