浮动 在DIV+CSS中浮动分为左浮动，右浮动，清除浮动 1、右浮动 所谓的右浮动，指一个块元素向右移动，让出自己的空间向右移动知道碰到包含自己的父元素的最右边的边框。如下图所示： 测试代码如下： 浮动案例 div1 div2 div3 .div1{ width:150px; height:100px; border:1px solid red; background:pink; margin-top:5px;}/*id 选择器*/#id1{ float:right;} ...
1、ul标签在Firefox中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 3、兼容性调整(IE和Firefox)办法： 初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Firefox里必须要设成B才能正常显示，或者两个倒...
所有浏览器 通用 （市面上主要用到的IE6 IE7 FF） height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 一、CSS 兼容 以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐，用下面的一种感觉最安全) 随着IE7对!important的支持, !important 方法现在只...
//首页可能碰到的 页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news下载：download注册：regsiter状态：status按钮：btn投票：vote合作伙伴：partner友情链接：friendLink页脚...
标签基础 meta标签 告诉浏览器文档是text/html标签选择符群组选择符：减少代码量，改善css代码结构。包含选择符：对象中的子对象，也可以对减包含。：link a链接未被访问前：hover 对象在鼠标上时的样式：active 对象被用户点击及被点击释放之间的样式: visited a对象被点击后的样式:fater 设置某一个对象之后的内容.text:after{content:url(../a.jpg)}em 相对于当前对象内文本的字体尺寸
青春不迷茫：寻梦时代的“蚁族”逆袭之旅- 职场管理专题-中国人力资源开发网-中人网 - 中国领先的人力资源门户，最佳HR学习成长平台body { color: black; font-size: 12px; margin: 0px; padding: 0px;}img { border: 0 none;}a { color: blue;}a:hover { color: gray;}div.bodyBox { width: 960px; margin: 0 auto;}.bgBox { margin: 10px 0; position: relative; display: block; zoom: 1;/*ie 触发haslayout*/}.bgBox .content ...
DIV+CSS网页布局技巧实例1：设置网页整体居中的代码 以前用表格布局时设置网页居中非常方便，把表格对齐方式设置为居中就行了，就这么简单，现在呢，用DIV+CSS样式表控制，好像不是那么容易了，其实也很简单，只不过方式不同而已。 #layout { width:778px; margin:0 auto; text-align:center;}标准之路www.aa25.cn 请看这段代码，宽度为适合800600分辨率浏览器的宽度，margin:0 auto; 这句代码就是让居中了，意思是外边距上...
1. overFlow: visible 却省值，没有滚动条，根据内容自动扩撑区域的大小，即定义的区域无效scroll 总是显示滚动条hidden 没有滚动条，超出区域的内容不可见auto 根据内容自动判断是否添加滚动条 2.滚动条颜色属性： scrollbar-face-color：滑块颜色 scrollbar-hightlight-color：高亮颜色 scrollbar-3dlight-color：三维光线颜色 scrollbar-darkshadow-color：暗影颜色 scrollbar-shadow-color：阴影颜色 ...
1 2 3 4 5 6 7 8 9 #headNav {10 width:960px;11 height:30px;12 line-height:30px;13 background-color: lightblue;14 margin:0 auto;15 }16 17 #headNav ul {18 list-style:none;19 }20 21 #headNav ul li {22 float:left;23 height: 30px;24 line-height: 30px; 25 padding:0 10px;26 }27 28 #headNav ul li:hover {29 background-color: white;30 }31 32 a {33 color...
带三角箭头的提示框，就是下面所示： 这是一个提示框 通常我们都用图片来实现上面那个小三角，因为这样方便快速，但是如果图片处理得不好，会看起来有杂边，从而影响视觉，所以换一种思路来解决。 首先来研究一下CSS是如何实现三角形的。 假定有一个盒子(div)，给定宽高分别为100像素，再给定边框50像素，那么它看起来会是下面这个样子(为了更直观，给了边框四种不同的颜色)： 接下来，把盒子的高度...
http://www.cnwebshow.com/edu/special/special_divcss131.html
#bottomNav { background-color:#096; z-index:999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; } 复制粘贴样式测试
之前小伙学习前台div+css时，对其妙用不得其方。然近来在同学那里得见《十天学会div+css》系列教程，感觉甚好。今天拿来跟初学布局的园友分享，祝您快速入门，对于刚入门不久的园友也可以做好的学习教程。对一些编程技术能力较强，美工不足者权作参考，总之，比较基础实用....... 【转】注：原文来自http://www.aa25.cn/ 十天学会DIV+CSS(WEB标准)《十天学会DIV+CSS（web标准）》是标准之路出品的系列教程，用十节教程讲解完成...
收藏了，谢谢 原文地址：div+css总结?FF下div不设置高度背景颜色或外边框不能显示的解决方法 作者：天涯海角 在使用div+css进行网页布局时，如果外部div有背景颜色或者边框，而不设置其高度，在IE浏览器下显示正常。但是使用Firefox/opera浏览时却出现最外层Div的背景颜色和边框不起作用的问题。 大体结构 css文件:（只写出了最主要的部分css代码：定义了最外层div的背景颜色和边框，同...
Layer - left Layer - right right right right right right right right right right right right