wzqnls

晚上7点左右开始进行布局，9点半正好搞定。发现自己专注的时候效率真的挺高的哈。在进行计算器布局之前，做过两个简单的网页布局练练手，今晚整体感觉还好，难度不大。但是在两个浏览器之间调试有点蛋疼，真心不想搭理IE。        在进行布局之前，我先把win7自带的计算器整体进行裁剪测量了一下，然后了解到大致的尺寸，然后画了张草图（如下），真是丑的不忍心看，我自己都觉得不像我的风格，实在是太丑了。

在页面布局的时候，可以用绝对定位来实现，但是由于调整某个区块框时其他区块的位置不会相应的改变，所以这并不是布局的首选方式。但是使用浮动的区块框可以向左或向右移动，直到它的外边缘碰到包含它区块的边框或另一个浮动狂的边框为止。并且由于浮动框不在文档的普通流中，所以文档的普通流中的区块框表现的像就浮动框不存在一样。这篇文章就总结几种简单的区块框浮动的例子：1.不浮动区块框排序 D

在辨析两种盒子模型之前，先简单说明一下什么叫盒子模型。原理：先说说我们在网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。特点：每个盒子都

"DIV+CSS"标准化布局符合W3C的标准，

下载高清图：css常用属性和值（思维导图总结）1.字体 font h1{ font-family:times,courter; font-size:150% font-style:italic; font-variant:normal; font-weight:normal;

上面的思维导图已经大致将这六种选择器的重要点描述出来了，下面用代码再一一实验一次。1.HTML选择器（标签选择器）将需要定义样式的元素作为选择符，在标签中进行样式的定义。 HTML选择器 p{ color:red; font-size:1cm; } b{ color:green;

上面这张思维导图已经大概的讲明白了四种设置方式的不同点，下面就细入说明一下各自的用法和注意点。1.嵌入样式表 CSS四种设置方式 内联样式表 运行结果：2.嵌入样式表 CSS四种设置方式 p{ font-size:2cm; color:red; } h2{ color:red;

CSS是Cascading Style Sheets 的简写，中文翻译为yang'shi'ceng'die'bi