转自： http://blog.onlygrape.com/css-form-layout/267 1、表单文本输入的移动选择：在文本输入栏中，假如加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver=”this.focus()” onFocus=”this.select()” 代码到 中，一切就会变得简单多了，如： Input English.. 类似的，可以加入代码到。 2、表单输入单元点击删除： 本列同上则作用类似，只是使用鼠标上略有变化，需要点...
布局初步搭建起来，我开始填充里面的内容。首先是定义logo图片： 样式表：#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;} 页面代码：< ... t;80"alt=" 链接到w3cn.org首页" src="/bok/images/logo_w3cn_200x80.gif" width="200" /> 以上代码现在应该容易理解。先在CSS定义了一个logo的层，然后在页面中调用它。需要说明的是，为了使网页有更好的易用性，web标准要求大家给所有的、属于正式内容的图片，加一个alt...
一、检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系，可以用dreamweaver的验证功能检查一下有无错误。 二、检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的“}”等。可以利用CleanCSS来检查CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。 三、确定错误发生的位置 假如错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常...
无标题文档 body { margin : 0 ; padding : 0 ; } #head { height : 40px ; background-color : #0033CC ; width : 800px ; margin : 0 ; } #content { width : 800px ; background : #CCCCCC ; height : 200px ; margin : 0 ; } #left { top : 40px ; width : 150px ; height : 200px ; background : #CCCC66 ; float : left ; margin : 0 ; ...
转自： http://blog.onlygrape.com/divcss/377 如何编写CSS代码才能更有效率？这是许多网页制作者与开发者都关心的问题。大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，但合理的 CSS 编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然，样式表大小的缩减还能减少下载的时间。 一、排版： 1、关键词和操作符之间加适当的空格。 2、相对独立的程序块与块之间加空行 3、较长的语句、...
什么时候用id,什么时候用class？ class 是设置标签的类 可以再多个div上运用 id 是设置标签的标识 只能在一个div上运用 在代码中把id 运用到多个div上，运行效果是没错的。但是在语法上就犯了错，不能通过在W3校验，但是当你调用id是那么怎么区分呢？ 打个比方，这屋子有这么多人，怎么区分呢谁谁谁呢？而id相当于一个名字一个身份证相，来区分谁是谁的。如果同时出现了两个人相同的名字(id相同)，那么叫到谁，该谁来回...
转自： http://blog.onlygrape.com/divcss-3/381 最近在做PNG背景图片背景透明的一个效果的时候，应用到ID，在此之前做页面效果的时候一直用的是CLASS，在这里分析下在页面样式表定义的时候，CLASS与ID的应用。 1、在CSS文件里书写时，ID加前缀“#”；CLASS用“.” class和id在页面里面的使用方法： class： < style type =”text/css” > .header { background : red ; } </ style > < div class...
1. ul和li属性的问题 默认的ul的内外补丁（margin、padding）都不是0，如果在li中用到的左漂浮属性（float:left;）时往往会把外部div撑大，导致页面变形，而且在ie6里，第一个li会有一个小小的缩进值，最终导致排版出问题。解决div层不被撑大时应将层的内外补丁设为0即可（margin:0;padding:0;），而解决第一个li有缩进值时则应该定义li为块状显示（display:inline;）即可 2. img属性的问题...
新闻来源:COMSHARP作为一个身处 2008 年末的 Web 设计师，你是否好意思承认自己的代码中使用了 Table，如果是，你是一个有勇气的人，Web 设计是个奇怪的行业，你可以.....点击浏览详细内容文章来源:http://www.knowsky.com/531890.html
1.CSS ID 的命名 外 套： wrap 主导航： mainnav 子导航： subnav 页 脚： footet 整个页面： content 页 眉： header 页 脚： footer 商 标： label 标 题： title 主导航： mainbav（globalnav） 顶导航： topnav 边导航： sidebar 左导航： leftsidebar 右导航： rightsidebar 旗 志： logo 标 语： banner 菜单内容...
一个好的命名习惯对一个网页制作人员来说可以提高代码修改的效率及代码的可读性，本图是彦磊根据自己的习惯整理而成，希望和大家交流，每个人的习惯不一样，不一下完全按照这样的规则来但一定要有自己的一套规则。
1. margin-left:10px;本来左边距设置为10px，但IE6.0解释为20px, 但解决也非常简单。办法就是是加上display:inline。 2. 应用IMG标签置入图片。在IE环境中在图片的下方，会出现一个小空隙。 应用display:block;解决图片下方的空隙。 3. 在Mozilla中浏览时候，能够理解!important的优先级. 在IE中浏览时候，不能够理解!important的优先级. 4. text-align属性为center。这样的方法在IE里看起来一切 正常；但是在Firefox中b却会...
导航在网站上占有极重要的地位，Table时代的菜单都是用若干个td并排显示而成。 现在，我们可以用语义化的标签，如li来完成。 菜单一： new document *{margin:0px; padding:0px;font-family:verdana;} ul { list-style:none; font-size:10px; } li ul { display:none; } #nav li { text-align:center; margin:3px; width:100px; border:solid 1px #ccc; position:relative; padding:6px; display:block; } #nav li ul{...
以个人经验总结了一下比较常用的css小技巧，希望能给新手朋友有所帮助： 1.float:left功能：使多个div平行并排用法：2.clear:both功能：多个div平行并排的时，不得不加一个空div用clear:both进行描述。因为如果不加以限制，IE显示正常，而firefox则排版错误。用法：3.margin:0 auto功能：如果你要让页面居中对齐，而宽度并不等于屏幕宽度。这样margin:0 auto就会显示其巨大的价值用法：4.margin:0px功能：你是否有页面中添加一...
页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news下载：download注册：register状态：status按钮：btn投票：vote合作伙伴：partner友情链接：friendLink页脚：footer版权：copy...