链接: http://www.qianduan.net/everthing-about-css-background.html
链接: http://www.w3school.com.cn/css/pr_background.asp
CSS background:
背景占据元素的内容区域,包括 padding 和 border,但是不包括元素的 margin。
background: transparent url(image.jpg)50% 0 scroll repeat-y;
background-image:为元素设置背景图片,默认位于左上角,水平和垂直平铺
background-image:url(../images/image.jpg); 表示图片位于样式表的上级目录中的 images 子目录中。
background-repeat:repeat水平和垂直平铺,no-repeat不平铺,repeat-x水平平铺,repeat-y垂直平铺
background-position:数值(background参数个数所代表位置与普通的margin等不同,如果有两个值,则第一个是水平位置,第二个是垂直位置;margin等的则是第一个代表上下,第二个代表水平),关键词(left,center,right,top,bottom)和百分比来指定;
background-attachment:决定用户滚动页面时图片的状态:fixed固定,scroll滚动
background-color :也可被设置为透明(transparent),这会使得其下的元素可见。
background-color: blue;
background-color: rgb(0, 0, 255);
background-color: #0000ff;
background-size
background-origin
background-clip
CSS Font字体:
链接: http://www.qianduan.net/ultimate-guide-css-text-typography.html
w3c: http://www.w3school.com.cn/css/css_font.asp
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family 设置字体系列。
font-size 设置字体的尺寸。
font-style 设置字体风格。
font-weight 设置字体的粗细。
css尺寸单位:
链接: http://www.w3school.com.cn/css/css_units.asp
链接: http://www.css88.com/archives/821
em就是基于当前元素的(如果没设置就是继承其父元素的)font-size。
如果您没有规定字体大小,普通文本(比如段落)的默认大小是 16 像素 (16px=1em)。
单位 | 描述 |
---|---|
(颜色名) | 颜色名称 (比如 red) |
rgb(x,x,x) | RGB 值 (比如 rgb(255,0,0)) |
rgb(x%, x%, x%) | RGB 百分比值 (比如 rgb(100%,0%,0%)) |
#rrggbb | 十六进制数 (比如 #ff0000) |
单位 | 描述 |
---|---|
% | 百分比 |
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 | 像素 (计算机屏幕上的一个点) |