当元素有浮动属性时，会对其父元素或后面的元素产生影响，会出现一个布局错乱的现象，可以通过清除浮动的方法来解决浮动的影响。 浮动的清理(clear): 值:none:默认值。允许两边都可以有浮动对象；left:不允许左边有浮动对象；right:不允许右边有浮动对象；both:左右两侧不允许有浮动对象。 清除浮动的方法：1.额外标签法这种方法应该是最简单的一种了，w3c建议在容器的末尾增加一个“clear:both"的元素强迫容器适应它的高度以便...
什么是浏览器兼容：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，在这种浏览器下显示正常，在另一种下就乱了，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。好吧，我服了行吧，那我就利用你们的不兼容各写一段css,让他们各执行各的。一、!important (功能有限) 随着IE7对!important的支持, !important 方法现在只针对IE6的兼...
转自： http://blog.onlygrape.com/divcss-4/257 CSS命名规范 一．文件命名规范 全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css； 二．常用类/ID命名规范 页 眉：header内 容：content容 器：container页 脚：footer版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu标 志：logo标 语：banner标 题：title侧边栏：sidebar图 标：Icon注...
关于用DIV+CSS来制作列表的时候,大家最常用的是用ul和li来编写,但是这样用出现两个比较麻烦的地方： 1、如果用UL还布局，右边一栏比较麻烦； 2、文字外边的边框自适应比较麻烦； 3、很可能要定死高度； 所以，细细地看一看这个布局，想一想还是用DL.DT.DD作是合理的： 1、布局合理一些； 2、将来扩展很方便； 3、CSS一定很少； 试着写了写，看一看还行！在可控范围内！ 布局...
相信很多人都非常喜欢用div+css布局,无论你是前端开发者，还是后台程序员，因为它的好处实在太多，可以用很少的代码来控制布局，然后用CSS表现其形态，表现和样式分离。而且在SEO方面，它还能提供30%的优化，我们何乐而不为呢。 很多人都会碰到如题的布局问题，解决方案很多，可以用背景图来填充，或用js来控制，但终不是最佳方案，最好还是从DIV,CSS本身来考虑: 以下为三行两列的的经典模式，还可以演变成多种布局，有待大家修...
上一篇现在看起来好像没什么营养，呵呵，今天努力。 首先说一下“盒子模型” ，在css里认为div是一个盒子。。。盒子？什么意思？呵呵 看看下边的图吧： 这里把我们用到了好几个CSS属性，在上一篇里介绍过，看到了吧CSS骗了我好久啊，我一直以为width，height是div的宽和高，没想到啊，没想到，它们只是content的宽和高。这就是div全部的大小控制了。不过这里要注意body也是一个大的盒子，要是默认不设置margin的话，会和窗口四周...
SEO主要就是通过对网站的结构，标签，排版等各方面的优化，使Google等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在Google等搜索引擎中获得较高的评分，从而获得较好的排名。DIV+CSS网页布局对SEO有哪些影响呢? 一、精简网页代码 使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。 代码精简所带来的直接好处有两点：一是提高Spider爬行效率，能在最短的时间内爬完整个页面，这样对收...
CSS滚动条 今天忽然想起我的博客签名要更新了，但是我也想保留历史签名，于是参考了淘宝的一些装修的店铺，修改了一下CSS，做了个漂亮的DIV+CSS的滚动条，实现了内嵌的效果。不用iframe的。 CSS代码如下 #about { float: left; display: inline; margin-top: 30px; width: 500px; font-size: 14px; } #about p { color: #FFF; font-size: 14px; line-height: 1.4em; SCROLLBAR-FACE-COLOR: #666666; Z-INDEX: 1; SC...
自适应高度的问题，采用 Div + CSS 进行三列或二列布局时，由于事先不知道具体高度，只能根据内容的增减自适应高度，很多情况下要求两列（或三列）Div的高度相同，以前用 Table 很容易实现，但采用 Div + CSS 就显得比较麻烦了。一般的做法，大都采用背景图填充或 JS 脚本控制的方法使各Div高度相同，这里看到一个解决方法，记录如下： 它主要是采用“隐藏容器溢出”和“正内补丁”和“负外补丁”结合方式，示例代码如下： ...
网页设计div+css之id与class使用原则 id的使用原则 先来说说id，id具有唯一性，其使用原则也是依据这一特性建立的。id是不能重复的，所以在XHTML的结构中，大结构一定是用id。比如标志、导航、主体内容、版权。这些根据制定的规范命名为#logo , #nav , #content , #copyright 等等，本着其唯一性的原则园子建议定义id尽量在外围使用。 class的使用原则 class在CSS的定义中具有普遍性。...
2010年08月19日 星期四 上午 10:04 常见的左右两列div+css布局分为以下两种：一、左右定宽布局： 在css分别指定了左右两列的宽度的情况下，只需要将左边的div 向左浮动{float:left;}，右边的div 向右浮动{float:right;}，并清除浮动，即可实现。 常用的清除浮动有两种方式： a、通过在浮动元素的父级元素上添加清除浮动的class类：clearfix(见下面的css代码部分)； b、通过在浮动元素后面添加一...
１. 解决边距问题，通常可以在不同的div加上border:1px solid #333;属性。由此来查看，是哪个层被撑开了。 ------------------------------------- ie中最常见的会被撑开的问题，是 因为ff的float属性会乱，所以我们在每个带有float属性的层排列最后，会加这么一个层，用来将ff的float属性关闭。 但是这个层放在ie6里就会占据一定的间距。解决方案是： -----------------------------------------------------------------...
http://asp.snowstop.net/blog/?id=227&date=2007-11 div+css布局无法避免的冗余标签 完全严格按照w3c的标准来布局是不可能的，想要在不同版本的浏览器下都表现出漂亮的网页，几乎无可避免地要使用一些多余的标签。 总结而言，div布局必须用到冗余标签的地方主要有三个： 一是背景图和背景色，当内层元素的css属性全部为“float:left”时，外层的背景将在mozilla等浏览器下无法显示。这个时候必须要在内外层之间嵌套...
今天客户电话打过来说他IE浏览器更新到IE8.0打开刚做的网站发现错位，靠左明明是居中的，但是之前小蔡也碰到过同样的问题，所以我根本不担心。一般写DIV+CSS都基本经过IE6.0，IE7.0还有火狐浏览器测试过了，因为用的人比较多都没发生错位情况，用IE8来打开网站，发现错位很严重，包括首页，列表页，文章页等，都严重的错位。 之后两天没敢用IE8.0打开网站，我多么希望现在用IE8的人不会太多，就不会有太多人发现网站错位问题。后...
一、CSS文件及样式命名 1、CSS文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 2、CSS样式命名规范 本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字。为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间，例如： 头部样...