摘要：
<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#menu ul{font-family:Arial, Helvetica, sans-serif;font-size:14px;padding:0px 0px 0px 8px;margin:0px auto;list 阅读全文
摘要：
带箭头的和解释的导航菜单<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>带箭头的和解释的导航菜单</title><style type="text/css">body{background-color:#999;}#menu{font-size:16px;width:140px;margin:0px auto;border:solid 阅读全文
摘要：
网页中常常听到的属性：内容，填充，边框，间距等一些属性.这些属性我们可以用现实生活中的盒子模型进行了解。如果我们有一个盒子，在盒子中放的物品就是我们网页中的内容，物品和盒子之间的空隙就相当于填充，有了这个填充我们能够很轻易的把物品从盒子中取出来，边框就相当于盒子本身，间距是一个盒子和另一个盒子堆放在一起的时候，他们之间的距离。网页中的盒子模型；我们常常要控制盒子模型的宽度width: w3c中的盒子模型的宽:包括margin+border+padding+width; width:margin*2+border*2+padding*2+width; height:margin*2+border 阅读全文
摘要：
你可以看到页面效果很简单，就是用一个header这个大盒子，装着两个小盒子header_left,header_right.那么我们该 如何定义这些盒子的样式呢？（这里我就不解释定义css的原则了）1.首先定义body的样式:body{font-size:14px;font-weight:bold;/*定义页面的背景图片*/background:url(img/bg.jpg) 0 0 repeat-x; }根据css2.0帮助手册，你可以知道background拥有5个常用属性：背景颜色，背景图片，是否重复，是否滚动，图片坐标2.定义大盒子header样式：#header{background 阅读全文
摘要：
div css百科名片DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。XHTML是The Extensible HyperText Markup Language（可扩展超文本标识语言）的缩写。XHTML基于可扩展标记语言（XML），是一种在HTML 基础上优化和改进的的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各 阅读全文
摘要：
对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明.1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行。 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。 解决方案是在这个div里面加上display:inline; 例如： <#div id=”imfloat”> 相应的css为 # 阅读全文
摘要：
一、CSS HACK以下两种方法几乎能解决现今所有HACK.翻阅很多资料，已测试可以使用。1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)PLAIN TEXTCSS:#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}2, IE6/IE77对FireFox*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.PLAIN TEXTCSS:#wr 阅读全文
摘要：
1. Div居中问题 div设置 margin-left, margin-right 为 auto 时已经居中， IE 不行，IE需要设定body居中， 首先在父级元素定义text-algin: center; 这个的意思就是在父级元素内的内容居中。 2.链接(a标签)的边框与背景 a 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。 参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。 3.超链接访问过后hover样式就不出现的问题 被点 阅读全文