色彩渲染公式 2010.doc

最舒服的颜色搭配值，很有用哦，特别是做设计的！！  CSS学习笔记-盒子原理部分的学习心得声明：以下知识点只在IE6+或现在流行的火狐浏览器中起作用，并且在网页中已经声明了DOCTYPE. 一，在标准流情况下的问题 1，如果不给一个块级元素设定宽度，则这个盒子的默认宽度（这个宽是指margin+border+padding+width)是它父盒子宽度（这个宽度就是指width)的百分百。这是个非常有用的特点，很多的变宽布局就是用这个特点实现的。很多大公司的面试题也会出在这里。 2，一个块级元如果不设定高度，则它的高是auto(height:auto),这个意思是自动适应其内部子元素的高度，比如子元素是50px，则它也是50px。 3，HTML的多数标签元素是有默认值的，比如我们在做网页布局的时候，往往先把body的margin设为0;在用除DIV标签之外的标签做布局的时候，一定要注 意到这一点。 4，为了不使布局产生混乱，很重要的一点就是要考虑内容会溢出这样情况。也就是说overflow是个非常重要的属性，不会用overflow这个属性的人，CSS肯定水平不高。 二，浮动后的一些问题： 1， 加了float:left或float:right之后，所有的元素会变成浮动元素（block和inline），它的特点是它的父元素和他的弟弟元素会视它为不存在。 2，行内元素设定了float之后，会和块级元素设定float一样，它们的宽和高会自动适应内容的宽度和高度。也可以理解为元素设定了float:left或 float:righ之后，行内元素也会变成浮动的块级元素。 3，在IE6中，给浮动的元素设定float:left后，再设定margin-left往会不起作用，加一个display:inline就可以解决问题。 4，用到了float属性，一定要考虑使用clear这个属性。很多布局混乱的情况、或浏览兼容性问题，就是因为没有用好clear这个属性。不会使用clear属性的人，CSS肯定是菜鸟。 看下面的示例，最好查看原代码： 1， 加了float:left或float:right之后，所有的元素会变成浮动元素（block和inline），它的特点是它的父元素和他的弟弟元素会视它为不存在。 2，行内元素设定了float之后，会和块级元素设定float一样，它们的宽和高会自动适应内容的宽度和高度。也可以理解为元素设定了float:left或 float:righ之后，行内元素也会变成浮动的块级元素。 3，在IE6中，给浮动的元素设定float:left后，再设定margin-left往会不起作用，加一个display:inline就可以解决问题。 我是第二个盒子的儿子.现在请计算我的可使用的宽度吧 ，就是width的值; 一个CSS宽度的兼容性问题以下是写纯CSS菜单时会遇到的一些情况（纯IE6不支持li:hover)，在IE8，FF里都是正常的 CSS代码如下： style type=text/cssa{? display:none;?background:url(arrow.gif) no-repeat 5px;?text-decoration:none;? width:150px;!--如果这一句也不写，可以看出一些问题来 --?height:25px;?line-height:25px;?background:url(arrow.gif) no-repeat 10px? #999;}li:hover a{?display:block;?}li:hover .shang{?border-bottom:1px solid #000;?}.shang{border-bottom:1px solid #000;}li{?float:left;?list-style-type:none;?width:150px;?background: #9cc url(top.gif) no-repeat;?padding:0px;?margin:2px;?text-align:center;?position:relative;?}a:hover{?color:#09F;}.dibu{?height:15px;?border-top:#000 solid 1px;?background:#cfc url(bottom.gif) bottom no-repeat;?}.content{position:ab