ElegantIce的专栏

框模型（Box Model）规定了元素框处理元素内容、内边距（padding），外边距（margin）,边框（border）。边框位于外边距与内边距之间。框模型里所说的高度和宽度是指的是元素的高和宽，是指的内边距以内位置，即元素框的最内部分，它也是实际的内容。假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。如果希望这个元素框达到 100 个像素，就需要将内容的宽度设置为 70

CSS列表：list-style 简写属性在一个声明中设置所有的列表属性。添加一个图标代替原来的列表图标。ul { list-style:square inside url('/i/arrow.gif'); }list-style-type 属性设置列表项标记的类型。可能的值有很多。常用的是none无标记，disc默认的实心圆，circle空心圆，square实心方块，

CSS背景属性：background：简写属性在一个声明中设置所有的背景属性。可以用于设置最底层的背景图片。background-attachment：属性设置背景图像是否固定或者随着页面的其余部分滚动。值如果为fixed，那么图像不会随页面的其余部分滚动。如果是scroll（默认效果）随着页面的滚动它不动，就会慢慢的看不见的。background-color：设置背景颜色的。一般

CSS 指层叠样式表 (Cascading Style Sheets)解决内容与表现分离的问题所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，优先级从低到高。类似于同名覆盖，函数从写。浏览器缺省设置外部样式表内部样式表（位于 标签内部）内联样式（在 HTML 元素内部）CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的 HTM

定位是对元素进行定位。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。浮动不完全是定位，不过，它当然也不是正常流布局。一切标签都是框：div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即

元素选择器。文档的元素就是最基本的选择器。如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，也可以是 html 本身。html {color:black;}h1 {color:blue;}h2 {color:silver;}类型选择器（type selector）。即元素选择器。新标准叫这个，可以设置XML文档中元素的样式。选择器

伪类用于向某些选择器添加特殊的效果。锚伪类a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000FF} /* 选定的链接 */以前学JavaScript认为这是一个事件。

在 CSS 中，可以使用多种属性来水平对齐元素。块级元素指的是占据全部可用宽度的元素，并且在其前后都会换行。比如。块级元素就是会占用一整行，与之相对应的是内联元素。如果把margin的非简写属性margin-left和margin-right的值设置成为auto的话，因为均等地分配可用的外边框，所以结果就会变成居中显示了。（这个快元素的显示可别是百分之百，这样看不出来什么效果的）。

CSS3 完全向后兼容，因此您不必改变现有的设计。浏览器通常支持 CSS2。CSS3被划分为模块。最重要的为选择器，匡模型，背景和边框，文本效果，2D/3D转换，动画，多列布局和用户界面。W3C 仍然在对 CSS3 规范进行开发。CSS3相对于之前学到CSS，有一些新的内容。CSS3边框在这里可以创建圆角边框，向矩形添加阴影，使用图片来绘制边框。border-radius 属性用于创建