导读:网站搭建网站搭建css基本技巧；1. CSS box模型的另一种调整技巧这个Box模型的调整主要是针对IE6之前的IE浏览器的，它们把边界宽度和空白都算在元素宽度上。比如：#b国外技术网站网站建设技术。

css基本技巧； 1. CSS box模型的另一种调整技巧 这个Box模型的调整主要是针对IE6之前的IE浏览器的，它们把边界宽度和空白都算在元素宽度上。比如： #box { width: 100px; border: 5px; padding: 20px }  这样调用它： <div id="box">...</div> 这时盒子的全宽应该是150点，这在除IE6之前的IE浏览器之外的所有浏览器上都是正确的。但在IE5这样的浏览器上，它的全宽仍是100点。可以用以前人发明的Box调整方法来处理这种差异。但用CSS也可以达到同样的目的，让它们显示效果一致。 #box { width: 150px } #box div { border: 5px; padding: 20px }  这样调用： <div id="box"><div>...</div></div> 这样，不管什么浏览器，宽度都是150点了。 2. 直通到屏幕底部的背景色 在垂直方向是进行控制是CSS所不能的。如果你想让导航栏和内容栏一样直通到页面底部，用表格是很方便的，但如果只用这样的CSS： #navigation { background: blue; width: 150px }&ndede手机模板bsp; 较短的导航条是不会直通到底部的，半路内容结束时它就结束了。该怎么办呢？不幸的是，只能采用欺骗的手段了，给这较短的一栏加上个背景图，宽度和栏宽一样，并让它的颜色和设定的背景色一样。 body { background: url(blue-image.gif) 0 0 repeat-y }  此时不能用em做单位，因为那样的话，一旦读者改变了字体大小，这个花招就会露馅，只能使用px。

3. CSS border的缺省值 通常可以设定边界的颜色，宽度和风格，如： border: 3px solid #000 这位把边界显示成3像素宽，黑色，实线。但实际上这里只需要指定风格即可。如果只指定了风格，其他属性就会使用缺省值。一般地，Border的宽度缺省是medium，一般等于3到4个像素；缺省的颜色是其中文字的颜色。如果这个值正好合适的话，就不用设那么多了。 4. CSS在容器内定位 CSS的一个好处是可以把一个元素任意定位，在一个容器内也可以。比如对这个容器： #container { position: relative }  这样容器内所有的元素都会相对定位，可以这样用： <div id="container"><div id="navigation">...</div></div> 如果想定位到距左30点，距上5点，可以这样： #navigation { position: absolute; left: 30px; top: 5px }  当然，你还可以这样： margin: 5px 0 0 30px 注意4个数字的顺序是：上、右、下、左。当然，有时候定位的方法而不是边距的方法更好些。

关键词标签: 网站建设 建设中 使用技巧