CSS个人小结

原图是指用ps设计出来由图层整合而成的最终的设计图。

FSCapture.exe的捕捉活动窗口的快捷键是F2

如何去掉背景图上的字？

使用切片工具把图片上的所有图片切下来以后，通过“文件|存储为Web所用格式”，选择“存储”，在“切片”下选择“所有切片”（选中的切片只有当前的一个），将所有切片导出，它会自动在保存路径下生成一个images文件夹.

背景图片一定要设置宽和高。

当页面中的元素总的宽度大于屏幕的尺寸的时候，应该给包含页面所有页面的大层定义一个宽度。

min-height（最小高度）应该小于等于应用它的元素的最小高度。

加入列表的一个方便的方法是在“拆分”面板的“设计”区里面回车出几行，然后选中它们，在“属性”面板里面点击“无序列表”图标，如果还要加入链接，还可以在选中它们的状态下在“链接”里加入链接地址

要让一个div在另一个div里面，应该为最外面的div加一个宽度和高度。

在样式表的开头部分一定要设以下：
*{
 margin:0;
 padding:0;
 }
以清除页面中默认的外边距和内边距。

当li里面是图片的时候，要为li设一个高度，以免在下面加入再加入图片的时候出现一条空白。

切图时拉出了辅助线的psd图片，应该另存为一份作为参考。

a 标签默认没有宽和高，但是给它一个属性：display:block;即可为它设定宽和高了。

#menu li a{
 display:block;
 width:100px;
 height:20px;
 text-decoration:none;
 padding-top:10px;
 text-align:center;
 background-color:#c93;
 }

#menu li a:hover{ 
 color:#fff;
 background-color:#c60;
 }

网页上的元素可以通过右击，点“查看元素”查看该图片，然后“图片另存为”将图片下载到本地上来。还可以通过查看图片的地址，然后复制到地址栏中网站的根目录下的找到该图片。
如http://www.phome.net 网页中的color.gif可以通过http://www.phome.net/color.gif   地址找到该图片.

div的插入最好用DW中的工具插入，以免标签不配对。

要在一行中并存两个div，需要浮动，还要让他们的宽度之和小于该行的宽度。

list-style-image:列表项前面的小图标

当图片的高度比能容纳它的div大的时候，应该把图片设为背景。

#menu li#fr:id为menu下的id为fr的li.

#menu li.fr:id为menu下的class为fr的li.

插入表单以后，在其中插入元素以后，要选择“无标签环绕”。

在文档中如果有一定的空行，可以通过加入p标签或者<br/>标签来加入空格，不一定要用margin或者padding等样式来设定。

一个标签可以定义多个class.

定义两个DIV，将外面的最大的DIV设为text-align:center,再将里面的小的Div设为text-align:left,会使IE5、6下面的元素横向居中。

love hate（爱恨交织）:定义a标签的四种状态

能用margin，就不要用padding。

Sprite [sprait]   n. 精灵

IE6和IE7如果要使用Hack，要在前面加上父级标签html。IE6加*html,IE7加*+html，暗示加了一个版本。

css sprites技术在大网站上应用得比较多。

a标签在默认状态下没有高度和宽度，设置为display:block；的时候才可以设置它的高度和宽度。

如果页面有p标签或者空格，即使看设计页面没有任何东西，但是当全选的时候还是可以看到页面有黑色的阴影。

text-overflow:ellipsis;当文本宽度超过外面标签的宽度的时候，以省略号显示。这个属性只在IE上有用，在火狐上没用,由于比较生僻，在CSS文件里不会变色。但是即使用省略号，复制的时候还是会复制到全部的内容。

#text_over{
 width:200px;
 height:20px;
 line-height:20px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 }
<div id="text_over">
 我想我是海，冬天的大海，不是谁都明白，潮起的期待，潮落的无奈，有了一点浪花就奏了起来。
</div>

text-indent:2em;//段首缩进两个文本字体的大小，以当前文本的字体大小为依据

 

新建一个div:layout
layout
  left_side
  main
      header
        nav
   logo
   menu
      banner
      content
        left
 right
      footer
        f_left
 f_mid
 f_right
  right_side