要是XHTML与CSS能面向对象。。太阳应该从北边升起了。但是，凡事都应该带着OO的思想来看问题，也勉强可以凑数拉。其实，早在零几年就有人提出了OO-style，不过已找不到。那要怎样OO呢？现在大家都知道CSS是可以介样写滴：.G_G { /* xxxxxx */ }我们可以把它大约看一个原型，或者说成类，-__-b 好像本来就是类的样子，然后要在HTML里“实例化”一个对象，例如：笨蛋嗷嗷该元素会使用上CSS相应的定义，但仅仅对应的class还...
HTML与CSS在Flash中的应用: 不小心看到同事Den在弄个小东西：在Flash里使用HTML和CSS，代码是这样：var myStyle:TextField.StyleSheet = new TextField.StyleSheet();myStyle.load("sample.css");content_txt.styleSheet = myStyle;content_txt.multiline= true;content_txt.wordWrap = true;content_txt.html = true;var story:XML = new XML();story.ignoreWhite = true;story.load("sample.html");story.onLoad = function (...
XHTML是目前国际上倡导的网站标准设计语言，Webjx.com也侧重于这方面，进行了比较全面的介绍。因为XHTML网站设计语言具有的基本特点，这种XHTML CSS模式的网站设计具有一定的优势，不过目前在网站建设应用中XHTML CSS模式也存在一些问题。 XHTML是目前国际上倡导的网站标准设计语言，Webjx.com也侧重于这方面，进行了比较全面的介绍。因为XHTML网站设计语言具有的基本特点，这种XHTML CSS模式的网站设计具有一定的优势，不过目前在...
这是一篇很久以前的文章了，现在看来，其中的思想很值得大家学习，在jb51.net学习案例的同时，不仿学习一些理论的知识，对您知识的突破会很有帮助。大家加油！ 自从看了Zeldman先生的力作“Designing with Web Standards”中文版为《网站重构》（第2版）一书，感受颇深，坚定了我用web标准的思想，去开发实践我们的项目。但是仅知道一些什么是web标准以及如何应用到实际项目中，还是远远不够的。必须对web标准中的每...
闲来无事，突然又想起了圆角矩形的实现。不过这个话题大家已经谈了太长时间了。各种各样的实现方案在网上都可以看到。这里仅仅是记录一下个人认为比较好的一个。这个方案不使用任何图片，是纯html+css实现。 css代码================================== 代码如下: .spiffy{display:block} .spiffy *{ display:block; height:1px; font-size:.01em; overflow:hidden; background:#b20000} .spiffy1{ margin-left:3px; margin-right...
一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运，有许多免费工具可以验证你的HTML，CSS以及RSS源是否正确。 没有什么比这更恼人了：创建并装饰了一个网页，认为已经做到完美，但测试时却出现一些未知的错误，并且不易改正它们。一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运，有许多免费工具可以验证你的HTML，CSS以及RSS源是否正确。有了这些易用的工具，你就可以放心，访问者看到的就是你想要展示的...
WEB设计里什么是树？简单讲，点击一个链接，会展开下级目录，再点击会合上，这个就是最简单的树，如何去实现呢，也很简单，css里有一个属性display，这个可以控制内容的现实还是不显示，那么再通过js来控制css的属性即可实现，看如下代码： 顶级目录 菜单1 菜单2 菜单3 这个就算是树的原型了，当然初始状态给他加上css的display属性，display最常用的是none和block属性 none即不显示，而block则象块类型元素一样显示，再看代码 顶...
1.自然布局 没有任何修饰的布局是自动靠左的。 2.流动布局 上面讲的float:left的情况。 3.定位布局 相对定位和绝对定位都是相对于父div标签的。 相对------以这个元素的本来应该在的位置为参照点 绝对——以父div标签的原点（左上角）为参照点。 由于外层是position:relative，所以里层是absolute的话，则会以外层的左上角为位移参考对齐。当然外层只写position:relative，写上left,top这两个值，则表示以：以这个元素的...
代码如下: body{font:"宋体";font-size:12px;} a:link,a:visited{font-size:12px;color:#666;text-decoration:none;} a:hover{color:#ff0000;text-decoration:underline;} #Tab{margin:0 auto;width:220px;border:1px solid #BCE2F3;} .Menubox{height:28px;border-bottom:1px solid #64B8E4;background:#E4F2FB;} .Menubox ul{list-style:none;margin:7px 40px;padding:0;position:absolute;} .Menubox ul li{float:left...
1、HTML代码代码如下: 经验值： 2、CSS样式代码如下:.progress-bar, .progress-bar b{background: url("/images/ico.png") no-repeat scroll 0 0; display: block;} .progress-bar {background-position: 0 0; height: 15px;width: 430px;} .progress-bar b {background-position: 0 -17px; height: 12px;}附件：
1.html部分 代码如下: blog_floatdiv.html 我是浮动的div 浮动的div 浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div浮动的div浮动的div...
1 css样式没有加分号“；”2 标签没有关闭 缺少">"
代码如下: 列表选项卡 body{ margin:0px; padding:0px; } #main{ width:310px; border:1px solid #C8C8CC; margin-left:auto; margin-right:auto; margin-top:50px; } .main_title{ width:310px; border-bottom:1px solid #C8C8CC; height:30px; } #main div .chang{ border:1px solid #C8C8CC; float:left; width:153px; height:26px; text-align:center; padding-top:4px; cursor:pointer; } .main_head{ width:310px; heig...
说明：设置时间定时，在规定的时间内替换前一个节点的内容 1、关键代码：javascript： 代码如下: var dome=document.getElementById("dome"); //获取节点 var dome1=document.getElementById("dome1"); var dome2=document.getElementById("dome2"); var speed=50;//设置向上轮动的速度 dome2.innerHTML=dome1.innerHTML;//复制节点 关键语句 function moveTop(){ if(dome1.offsetHeight-dome.scrollTopdome.scrollTop=0; }else{ ...
HTML带表情的评论框，表情通过Json数据加载，可以根据自己的喜好改变表情。本评论框代码为HTML，CSS，JQ三个方面的代码。图1为原始状态，图2为点击表情时出现的表情列表，可以任意选择一个或者多个。下面我们来看看实现的代码。图1图2实现的代码：html代码：XML/HTML Code复制内容到剪贴板div class="Main"> div class="Input_Box"> textarea class="Input_text">textarea> div class=...