一、CSS文件及样式命名 1、CSS文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 2、CSS样式命名规范 本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字。为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间，例如： 头部样式用header，头...
1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了, 解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如: body {margin:0} div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } 浮动后本来外边距10px,但IE解释为20px,解决办法...
作为一个程序员，不能只学习技术，适当的时候需要站的高一点，这样才能看的更远，才会取得更高的成就！ 如果你是做Web开发的，那么DIV+CSS将是我们学习的基础，很多人认为DIV+CSS很简单，的确如此，一个好的程序员，几乎可以模仿出所有显示的网页，并实现非常炫的页面特效，给人耳目一新的感觉，我也经常为能够看到一个漂亮的网页而兴奋。但是如果学习停留的层次仅限于此，那么除了做一个码工还能干什么呢！ 全局思考问...
1.用display:none来隐藏元素的时候不会保留元素本来的位置，用visibility:hidden则不会 2.用margin:auto可以使一个元素居中显示 3.当元素宽度超过浏览器宽度时浏览器会出现水平滚动条，此时可是使用max-width代替width，max-width可以自适应浏览器宽度，支持IE7+及其他主流浏览器 4.当在计算元素宽度的时候，边框的长度和内边距也会被计算在内，这样的话做起来会比较麻烦，用以下这段代码可以解决这个问题 *{ -webki...
在页面上加了对联广告后发现不滚动，找了N久才发现是这句导致不滚动的，可是如果去掉的话对于用DIV+CSS开发的网站来说又是灾难要另外找解决办法，应该是JS里有代码不符合W3C的标准找了资料才知道是document.body不符合标准，换成document.documentElement就可以了，汗，纪念一下自己浪费的时间 本文转载自http://www.phpwind.net/read.php?tid=522770 以下为JS原文件,只要在首页调用就OK了。 function initEcAd() {docum...
本文转载自http://www.divcss5.com/jiqiao/j60.shtml 解决IE6网页空白的问题，主要是charset的设置。 常见网页显示空白，网页源文件完整原因如下： 1、主要原因是html和css源代码的编码不同造成 2、没有设置网页编码charset 3、charset编码设置声明标签放置的位置不正确 解决div+css开发的网页在IE6浏览器不显示的方法： 1、要求标签里的charset=UTF-8与CSS编码一致，在CSS放置编码方法为在CSS文件最顶部放在...
盒子模型的效果： 调整faceul的宽，可以调整每一排摆放的数目，调整div1的margin值，可以改变整体的位置，这是很有用的布局模式 =========================================================== html代码：
1.结构清晰 分离页面的表现与结构，我们可以构建一个div+css+js文件的做到表现、结构、行为分离，这样做的话就像我们做程序用到的那种mvc模式一样，好处就是耦合性更小，更易维护。因为代码少，结构清晰。 2.速度 速度的优势分两点考虑 占用带宽 至少要比要少写很多代码 table嵌套一般是 这样写，所以行数也要少，当然table也可以写成一行，但是div代码确是要比table少得多。 网页执行速度 1...
1. DIV+CSS的叫法不够严谨 我们以前做页面布局的时候大多是用Table，很多人称之为“Table+CSS”，而现在比较流行的是DIV布局，所以称之为“DIV+CSS”。听起来是挺合理的，岂不知这种叫法误导了绝大部分的网页开发者， 认为这样布局出来的页面是标准的页面，符合W3C标准，很多人甚至看到有人用Table就嘲笑开发者不够专业，将页面布局是否用Table来衡量是否标准的关键点，这种观点才是不专业的表现。DIV+CSS的标准叫法应该叫XHT...
DIV+CSS常用的Html网页布局代码http://school.21tx.com 2008年04月11日 网页教学网 单行一列 以下是引用片段： body { margin: 0px; padding: 0px; text-align: center; } #content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; } 两行一列 以下是引用片段： body { margin: 0px; padding: 0px; text-align: center;} #content-top { margin-left:auto; margin-right:auto; width: 400px; width: 370px;} ...
div+css样式命名规则，值得收藏 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：cont...
如果要实现整体页面上下居中，它们俩必须得是一个整体。我便在标签中加了个class，使body中的两部分真正包含在一个整体中。接下来对这个整体进行设置： .mainLayout { position :absolute; left : 50%; top : 50%; width : 910px; margin-top : -270px; margin-left : -455px;} 这是使用绝对定位和负margin值实现的。 left:50% 会让整个mainlayout容器从浏览器水平方向的中点开始往右显示，此时...
DIV+CSS这种叫法不准确 应该叫XHTML+CSS,其实我觉得叫什么无所谓了，关键是能深刻的理解布局就可以了。 Table诞生的目的是为了存储数据，而DIV诞生的目的就是为了架设页面结构，两者有不同的工作职能，当我们存储数据的时候用Table是最方便快捷的.
本文向大家简单描述一下DIV CSS网页布局需要掌握的技巧，良好的习惯可能会使你的设计周期加倍缩短，下面让我们一起来学习吧。你对对DIV CSS网页布局需要掌握的技巧是否熟悉，这里和大家分享一下，良好的习惯可能会使你的设计周期加倍缩短。 以下是进行CSS设计时的几个小技巧 1.DIV CSS网页布局若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://valid...