test /*test*/ *{ margin:0; padding:0; font-size:12px; font-family:Verdana, Arial; line-height:1.8; list-style:none;} #info,#nav{ margin:50px; border:1px dashed #f30; background:#ffc; padding:50px;} #info div{background:#f00; width:0px; height:0px; overflow:hidden; margin-bottom:10px;} /*测试*/ #com_a{ border-top:10px solid #ffc;border-left:10px solid #f30;border-bottom:10px solid #ffc;} #com...
作者：zishu以下是客齐集网站上应用的一个导航条.这次写的没有直接在STYLE里用ID的形式控制.全部用的CLASS形式; 代码如下: #zishu li{ float:left; margin-left:5px; margin-top:50px;} .nav_a a:link,.nav_a a:visited{text-decoration:none; display:block; padding-right:10px; background:url(/upload/20073614410846.gif) no-repeat right top;margin-top:3px; color:#000; float:left;} .nav_a span{cursor:hand;background...
DIV+CSS编辑器 var sInitColor = null; function callColorDlg(obj){ if (sInitColor == null) var sColor = dlgHelper.ChooseColorDlg(); else var sColor = dlgHelper.ChooseColorDlg(sInitColor); sColor = sColor.toString(16); if (sColor.length 在线DIV+CSS编辑器 类/标签/ID： 所有数值都不用输入单位;宽： 高： 背景色： 前景色：边框： 颜色： 选择soliddottednonehiddendasheddoublegrooveridgeinsetout...
div＋css布局入门 4XHTML下css+div布局总结. 6网页设计DIV+CSS——第1天:选择什么样的DOCTYPE. 9第一天 9什么是DOCTYPE 10我们选择什么样的DOCTYPE 10补充 10网页设计DIV+CSS——第2天:什么是名字空间 10网页设计DIV+CSS——第3天:定义语言编码 11网页设计DIV+CSS——第4天:调用样式表. 11外部调用样式表 11双表法调用样式表 12网页设计DIV+CSS——第5天:head区的其他设置. 12收藏夹小图标. 12为搜索引擎准备的内容 12网页设计DIV+...
以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢; 兼容IE7;FF;IE6 代码更简洁,更易读; 滑动门 网上房展会 本月开盘 知名开发商 栏目导航 哈哈哈哈 Q小鸽子 内容1 内容2 内容3 内容4 内容5 内容6 [Q小鸽子] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。下面...
引伸阅读 * 解读absolute与relative * position:relative/absolute无法冲破的等级 * 对《无法冲破的等级》一文的补充 定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。定位的定义：在CSS中关于定位的内容是：position:relative | absolute | static | fixedstatic 没有特别的设定，遵循基本的定位规定，不能...
div+css还是比较难搞的，要实现上下两个div高度自适应感觉麻烦，查了下资料只找到上下高度都是百份比的是可以的，我要实现上面的div是具体像素高度，下面是自适应剩余的百份比。自己搞了一下还要用上js，不知道是不是很笨，有好的方法请大家帖出来。 1111111111111111
一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本：一个Class可以定义剧本中每个人物的故事线，你可以通过CSS，Javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo" ，class="Gandalf"，class="Aragorn"来区分不同的故事线。还有一点非常重要的是你可以在一个文档中使用任意次数的Class。 至于ID，通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构...
十分郁闷的问题，看下我原来写的代码： 无标题文档 body{width:990px;} #head{height:95px;width:990px;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 居然出现了水平滚动条，问题是我定义的宽度才950px啊！最后还是在网友的帮助下，发现了原因： 1 可以直接把body的css改为: body{width:990px; margin:0; padding:0;} 2 可以添加：* {margin:0;padding:0;}添加后运行效果： 无标题文档 * {margin:0;padding:0;} body{...
一、最基本的：二级dropdown弹出菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>二级dropdown弹出菜单--A CROSS BROWSER Drop DOWN CASCADING VALIDATING MENU</title> <style type="text/css"> /* ...
常用的DIV+CSS的基本框架结构但不推荐都放一个div里css样式代码： 程序代码 代码如下:/*---全局样式---*/ * { margin:0px; padding:0px;} body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;background:#fff;} /*---主体样式---*/ #container {} .clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} /*---顶部样式---*/ #header {} /*---中间样式---*/ #mainContent {} #sid...
浏览器的条件注释理论，用下面一段例子来解释这个问题 (X)HTML 下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果 代码如下: 您正在使用IE浏览器 版本 5 版本 5.0 版本 5.5 版本 6 版本 7 下面的代码是在非IE浏览器下运行的条件注释 代码如下: 您使用不是 Internet Explorer最终在非IE和特殊的IE浏览器下起作用 (或者使用 lte lt 或者 gt gte来判断，如： 在IE 6下显示的信息 ). 您正...
符合XHTML标准DIV+CSS布局的网站，下面说说在SEO方面的影响。 代码精简 使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。 表格的嵌套问题 很多SEOer在其文章中称，搜索引擎一般不抓取三层以上的表格嵌...
DIV+CSS 英文命名规范_基础教程1.CSS ID 的命名 外 套： wrap 主导航： mainnav 子导航： subnav 页 脚： footet 整个页面： content 页 眉： header 页 脚： footer 商 标： label 标 题： title 主导航： mainbav（globalnav） 顶导航： topnav 边导航： sidebar 左导航： leftsidebar 右导航： rightsidebar 旗 志： logo 标 语： banner 菜单内容1： m...