09 2013 档案
摘要：CSS定位机制CSS 有三种基本的定位机制：相对定位、浮动和绝对定位。相对定位相对定位指的是设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。如果将box2的框 top 设置为 50px，那么框将在原位置顶部下面 50 像素的地方。如果 left 设置为 20 像素，那么会在元素左边创建 20 像素的空间，也就是将元素向右移动。只要box2设置了position为relative，box1和box3始终不会因为box2的改变而改变。 相对定位 box1 box2 box3 ...
阅读全文
摘要：CSS盒模型HTML文档中可以将每个元素都看作是长方形的盒子。而CSS盒模型规定了元素框处理元素内容content、内边距padding、边框border和外边距margin的方式。下图是W3C对于盒模型的描述图。使用Firebug，可以轻松地查看到盒子的布局大小。盒子本身的大小是这样计算的：width:width + padding-left + padding-right + border-left + border-rightheight:height + padding-top + padding-bottom + border-top + border-bottom静态定位或相对定位
阅读全文
摘要：常用选择器元素选择器，即html标记如div,ul,li,p,h1~h6,table等。p { font-size:14px; }h1 { color:#F00; }复合选择器， 由两个选择器直接构成，第一个必须是元素选择器，第二个必须是类选择器和ID选择器，这两个选择器之间不能有空格。p.special { color:#red}.special { color:#green; }后代选择器，用来寻找特定元素或元素组的后代，后代选择器由其他两个选择器之间的空格表示。在这里只有h2标记里面的字体显示为红色，并且有10px的内边距。测试1测试1div h2{color:#F00;padding:
阅读全文
摘要：CSS语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。selector {declaration1; declaration2; ... declarationN }每条声明由一个属性和一个值组成。属性（property）是样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。selector {property: value}例如下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。在这个例子中，h1 是选择器，color 和 font-size 是属性，red
阅读全文
摘要：背景HTML是一种超文本标记语言，用来定义文档的结构和内容，例如标题、段落和列表等等，而文档内容如何渲染、如何展示，这就需要样式来修饰了。CSS正是可以与HTML很好地结合。如果将HTML比作水，那么CSS就是水杯，用怎样形状的水杯来装水，水就显示不一样的形状。什么是CSS？CSS 指层叠样式表 (Cascading Style Sheets)，定义如何显示 HTML 元素，是为了解决文档内容与表现分离的问题，通常是统一存储在样式表中，使用外部样式表可以方便管理，提高工作的效率，具有继承性和层叠性的特点。CSS继承性它是依赖于祖先-后代的关系的。继承是一种机制，它允许样式不仅可以应用于某个特定
阅读全文
