小雪_的博客

CSS属性定义背景效果：  background-color  ：背景颜色  background-image：背景图片  background-repeat： 背景图片水平/垂直平铺 background-attachment：定义图片随滚动轴的移动方式 background-position ：定位background-color：例：body{ backg

文本：重点：颜色(color)、字体(font)、行高(line-height)、对齐(text-align)其他：横线修饰(text-decoration)、大小写(text-transform)、字母缩进(text-indent)、文本方向(direction)和文本反向显示(unicode-bidi)、字符之间的空间(letter-spacing)和增加单词之间的空的空间(word-

盒模型：内容、内边距、边框、外边距如图：边框颜色：border-color：blue || rgb(255,0,0) || #fff000 || transparent（透明，默认值不常用可不记）边框厚度：border-width：thin || medium || thick || 1em、2px、0.1%（thin:细边框，medium：

清浮动总结：       使用浮动会使当前标签产生向上浮的效果，影响前后标签、父级标签的位置及 width height 属性。 这个时候需使用清浮动，下面是总结的几种清浮动的方式。1.clear：both；浮动的标签的后标签是块则加：clear:both；无则需添加一个空div/br，和clear：both；让父级div能自动获取到高度。2.给父级定义height

一、背景图步骤：1.html结构：三个div嵌套2.psd切图：如页眉和页脚显示不同，切三张图：页眉、正文中间的图、页脚。3.css1.html结构如下：          class="box2">                      <divclass="box3">                             内容

一、插件推荐ps插件：css3、parker、guide1.css3：可把图层导出为css3、scss。2.parker：是一各最高效的自动标注工具，可以标注psd图需要的高度，宽度、字体...3.guide：是一个ps上的参考线设置的辅助插件。只要输入不同划分的值，可自动按N等分用参考线分。例：页面需要分栏和等比间隙时，现在红框内输入数值，后点击下部GG按钮

布局方法：流体布局(float)、冻结布局、凝胶布局、定位布局（position）、表格布局。流动布局：float（浮动）    1. float是脱离文档流，使元素向左或右移动，周围元素也会重新排列，多用于图像。    2.浮动的块元素的下一个块中的行内元素会围绕该浮动块元素。    3.应浮动元素是脱离文档流，所以它的下一个块元素忽略该元素，如果缩小浏览器窗口，会出现重叠现象（...

position：对元素进行定位。不论该元素本身是什么类型，绝对或固定元素会生成一个块级框。相对定位元素会相对于它在正常流中的默认位置偏移。*由于使用浮动会对其他元素受影响即进行元素布局时常用position定位。 属性：1.position：relative；对元素进行相对定位，位置通过“top”，“righ”，“bottom”“left”进行定位。未设置移动则元素仍在原本位置，...

表格布局：table布局；一个表格如下所示： 结果如下： 上述实例由table布局实现，table标签使用如下：&lt;table&gt;定义一个HTML表格，一个简单的HTML表格由&lt;table&gt; 元素以及&lt;tbody&gt; 和一个或多个 &lt;tr&gt;、&lt;td&gt;、&lt;th&gt;元素组成。、&lt;tr&gt;：定义