你的位置:首页 > 软件开发 > 网页设计 > css 学习整理

css 学习整理

发布时间:2016-12-02 15:02:06
1、 background-attachment:fixed属性防止背景图片这种滚动,它默认值是 scroll,也就是说,在默认的情况下,背景会随文档滚动2、font-weight 属性设置文本的粗细(关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了 ...

1、 background-attachment:fixed属性防止背景图片这种滚动,它默认值是 scroll,也就是说,在默认的情况下,背景会随文档滚动

2、font-weight 属性设置文本的粗细(关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold。)。

3、font-style 属性最常用于规定斜体文本。

4、 font-family 属性 定义文本的字体系列。

5、font-size 属性设置文本的大小。

使用 em 来设置字体大小

如果要避免在 Internet Explorer 中无法调整文本的问题,许多开发者使用 em 单位代替 pixels。

W3C 推荐使用 em 尺寸单位。

1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素,那么对于该元素,1em 就等于 16 像素。在设置字体大小时,em 的值会相对于父元素的字体大小改变。

浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。

可以使用下面这个公式将像素转换为 em:pixels/16=em

(注:16 等于父元素的默认字体大小,假设父元素的 font-size 为 20px,那么公式需改为:pixels/20=em

在上面的例子中,以 em 为单位的文本大小与前一个例子中以像素计的文本是相同的。不过,如果使用 em 单位,则可以在所有浏览器中调整文本大小。

不幸的是,在 IE 中仍存在问题。在重设文本大小时,会比正常的尺寸更大或更小。

结合使用百分比和 EM

在所有浏览器中均有效的方案是为 body 元素(父元素)以百分比设置默认的 font-size 值

body {font-size:100%;}h1 {font-size:3.75em;}h2 {font-size:2.5em;}p {font-size:0.875em;}

6、text-decoration 属性大多用于去掉链接中的下划线

7、

结合后代选择器和子选择器

请看下面这个选择器:

table.company td > p

上面的选择器会选择作为 td 元素子元素的所有 p 元素,这个 td 元素本身从 table 元素继承,该 table 元素有一个包含 company 的 class 属性。

8、

提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。

提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。

提示:伪类名称对大小写不敏感。

 

 

https://zhuanlan.zhihu.com/p/22606894 前端面试总结


原标题:css 学习整理

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。