现在的位置: 首页 > 综合 > 正文

css_background&字体&尺寸单位

2017年12月27日 ⁄ 综合 ⁄ 共 1504字 ⁄ 字号 评论关闭

链接: 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 像素 (计算机屏幕上的一个点)

抱歉!评论已关闭.