代码改变世界

《CSS基础教程》 读书笔记一

2012-12-04 00:22  coffeescript  阅读(248)  评论(0编辑  收藏  举报

该书英文名为《Beginning CSS Web Development: From Novice to Professional》

1.选择器使用两个空格的缩进,声明采用4个空格的缩进。

2.ID是唯一的,每个页面仅仅能使用一次,类可以无限次使用。#id   .class

3.类主要用来定义正常样式的例外情况,而不是用来定义标准样式。

4.<link rel="" href=""/>外链   <style type="">....</style>内嵌     <p style="">内联

5.针对上面三种方式,浏览器的执行顺序为:内联->内嵌->外链。

6.越晚给定的规则越重要。

7.一个样式表总是比调用它的样式表级别更低。

8.层叠嵌套属性方面,有则取代,无则留之(高->低)。

9.另一个创建具有良好组织结构CSS所需遵守的关键原则是分组。

10.在正规的CSS设计中,主样式表都以一个<body>元素声明开始。

11.背景属性不会从父元素继承。

12.如果不做特殊说明,所有元素的背景都是透明的。

13.上下文选择器由两个或者更多的选择器组成,这些选择器以空格隔开,该选择器表明,只有当最后一个选择器是第一个选择器的直接后代时才起作用。

14.相对度量比较稳定。

15.绝对单位:in(英寸),cm(厘米),mm(毫米),pt(磅),pc(pica)。

16.相对单位:%(百分比),ex(相对X高度单位),em(元素字体高度),px(像素)。

17.像素适用范围:外边距,内边距,边框,容器,列,按扭....(自定义元素)。

18.百分比适用范围:只能声明为和前面的规则已经定义的尺寸相关,对于布局有用。

19.em的适用范围:定义文本(1em相当于大写M字母的大小),成功使用em的关键是理解em的相对关系。

20.em是相对于包含它的规则而言的。

21.<body>是声明em的最佳地点。

22.部分(division)--<div>元素,是块元素,除非特别说明,否则都要另起一行。

23.外边距(margin):长度、比例值、auto

24.用margin:auto将元素居中。

25.margin:上 右 下 左    相同的话写一个。

26.css居中:把元素的左右外边距属性设定为auto。

27.内边距(padding):长度和百分比,没有auto,不能为负。

28.百分比是相对于父元素宽度的百分比例。

29.padding:上 右 下 左

30.建议在body选择器中设定margin和padding值。