Think before you speak, read before you think.

div+css学习中要注意的地方

by

in

理念:
CSS 允许你对布局进行完全地控制
CSS能达到你想要的效果。例:关闭圆点是 CSS 的最基本的能力。它有能力使列表看起来和普通文本没有两样,也可以使列表看起来像图形导航栏,具有完整的反转效果。
加强用html进行结构化,使用列表元素来标记列表,这样在所有设备里都会认为他是列表。
XHTML 和 CSS 也会被误用和滥用,有时可能还不如html,思维要考虑如何用它们产生更有效的代码,要不只会是新垃圾代替旧垃圾。
为你的网页减肥,尽量做到,就像没有女人会讨厌自已太瘦
在W3C的描述中我们可以找到理解 div 元素的关键,“一种添加结构的通用机制。”

使用 em 来设置字体大小

如果要避免在 Internet Explorer 中无法调整文本的问题,许多开发者使用 em 单位代替 pixels。
W3C 推荐使用 em 尺寸单位。1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素,那么对于该元素,1em 就等于 16 像素。在设置字体大小时,em 的值会相对于父元素的字体大小改变。

以上段标记的css代码:

如果要避免…………………小改变。

 

 

font属性里可以将所有的写在一起,如
p.ex2
{
font:italic bold 12px/20px arial,sans-serif;
}
10px/20px分别是字的大小和行间距,这样就可以不用line-height来设置了

outline和border
border在outline的里面
边框外是外边距,边框内是内边距

css 模型

padding 上 右 下 左;
当说到width时,实际上说的是内容的宽度,而不算内边距,外边距
如果边框样式为 none,即边框根本不存在,那么边框就不可能有宽度,因此边框宽度自动设置为 0
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

使用id选择器要注意:
一个html文档只能出现一次
id=””中不能有空格
id区分大小写
id的规则

id 值必须以字母或者下划线开始;不能以数字开始。虽然 W3C 验证不会捕获这个错误,但是 XML 解析器会的。同时,如果你将 id 与 JavaScript 在表单中配合使用,那么 id 名称和值必须是合法的 JavaScript 变量。空格和连字号,特别是连字号,是不被允许的。不仅如此,将下划线用于 class 或者 id 名都不是个好主意,这是由于在 CSS2.0(以及某些浏览器)中的限制。

后代选择器会选所有的符合的元素
子元素选择器会先挨着的元素,如选的不挨着,则无效


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *