-
Css3 弹性盒模型介绍（附DEMO演示）
所属栏目：[经验] 日期：2018-09-14 热度：190
Css3引入了新的盒模型弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。 使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局[详细]
-
教你玩转CSS3色彩
所属栏目：[经验] 日期：2018-09-11 热度：115
传统来说，大家在CSS中使用的颜色要么是16进制格式，要么是rgb格式，就像rgb(171,205,239)。 CSS3带来了一些新的处理颜色的方法，比如使用HSL(Hue, Saturation, Light) 和opacity/alpha通道。不幸的是，现在只有 Firefox 3+, Chrome 1.0+ 和 Safari 3+ 以[详细]
-
10大HTML标签常犯的错误 看你错了几个
所属栏目：[经验] 日期：2018-09-11 热度：92
我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求. 罪行1:把块级元素放入了内联元素内 HTML 元素的[详细]
-
CSS教程：dl dt dd标签的简单用法
所属栏目：[经验] 日期：2018-09-11 热度：111
我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法： dl标记定义了一个定义列表，定义列表中的条目是通过使用dt标记(definition title，定义标题)和dd标记(definition description，定义描述)[详细]
-
CSS技巧之如何组织和注释CSS文件
所属栏目：[经验] 日期：2018-09-11 热度：144
关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.如果你有更好的方法请告诉大家让大家一起分享..... 当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们[详细]
-
如何使用 CSS 隐藏网页文字？
所属栏目：[经验] 日期：2018-09-11 热度：78
1.隐 藏文 本和链接：采用隐藏的手段在网页上放置许多文本和链接，浏览者看不到隐藏文本而搜索引擎可以爬取到，从而欺骗搜索引擎对网页关键词的判断。这些手段包括： * 将文本和链接的颜色设置与背景一样 * 将文本堆积在图片后 * 使用 CSS 隐藏文本，如：[详细]
-
在CSS2和CSS3下实现圆角的方法
所属栏目：[经验] 日期：2018-09-09 热度：192
烈火网(LieHuo.Net)教程 在以前的文章中，烈火网不止一次提到过CSS圆角的教程（查看详细），今天在Bolo's blog再次看到关于CSS圆角的实现，有所不同的是，Bolo's blog中分别讲到CSS2与CSS3的实现方法。 推荐阅读：CSS中文手册 步入正文： 在网页设计越来越[详细]
-
HTML入门教程：打开新窗口和弹出窗口
所属栏目：[经验] 日期：2018-09-09 热度：105
一、 基本变化 参数解释： window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口的名字(不是文件名)，非必须，可用空代替; 100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素[详细]
-
网页内使用CSS添加横向滚动条的实例
所属栏目：[经验] 日期：2018-09-09 热度：134
通常要控制页面显示在固定的空间内，我们选择用滚动栏的方式来拓展空间。 横向的滚动栏。 本文中总结了在Html中设置横向的滚动栏的代码，供大家参考。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titlehtml页面内加横向滚动[详细]
-
如何使用 CSS 设置段落间距
所属栏目：[经验] 日期：2018-09-09 热度：176
段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单，你能否通过CSS有效率地设置段落间距呢？ 网页设计里的文字排版问题 作为网页设计师，我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin)，但一个段落里[详细]
-
使用CSS绘制表格斜线
所属栏目：[经验] 日期：2018-09-09 热度：143
关于CSS对斜线和圆角的文章，烈火网在以前曾经多次提到，今天正好有位朋友咨询关于使用CSS制作斜线的问题，就把方法告诉他，同时拿来记录一下，方便大家使用： div style=border-top:solid 40px blue;border-left:solid 40px red;height:160px;width:400px[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目：[经验] 日期：2018-09-09 热度：124
DIV+CSS的出现淘汰一批网页设计制作人员，又造就出一批网页设计制作人员。你属于哪类呢？DIV+CSS已经火了很久，最遭殃的算是这批网页制作人员了，本人清楚的记得当时各个公司 招聘 页面自作人员的情况，DIV+CSS技术几乎成了找到好工作的敲门砖，一时间会DI[详细]
-
CSS自适应图片大小的兼容性的问题分析
所属栏目：[经验] 日期：2018-09-09 热度：170
问题： 我想通过css实现对图片大小的自适应，通过以下代码在ie7和 Firefox 中已经可以正常显示了，但是在ie6里面，宽比高大的（横起的）图片总是比高比宽大的（竖起的）图片矮10个xp，谁知道是为什么啊？ Copy to Clipboard 引用的内容：[www.veryhuo.com][详细]
-
网页制作HTML代码学习教程入门
所属栏目：[经验] 日期：2018-09-09 热度：160
HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX，WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示[详细]
-
分析:CSS在IE6、IE7和IE8中的差别
所属栏目：[经验] 日期：2018-09-09 热度：98
关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6，7和8共存。截至本文，Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区，这个数字要小很多，统计显示大概只有40%。 这些统计中比较有趣的部分是，IE6、IE7、IE8之间[详细]
-
CSS Sprites 将小图片整合到一起
所属栏目：[经验] 日期：2018-09-09 热度：154
css中用一张背景图做页面的技术有什么优势? 就在于下面的介绍 简单介绍一下 CSS Sprites 的优点： 当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。 CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快[详细]
-
浅谈 Iframe 和 FRAME 的区别
所属栏目：[经验] 日期：2018-09-06 热度：126
一、Iframe标记的使用 提起Iframe，可能你早已将之扔到被遗忘的角落了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地[详细]
-
GridView截取超过一定宽度的字符
所属栏目：[经验] 日期：2018-09-06 热度：176
方法1：css处理： a { width: 80px; overflow: hidden; /*注意不要写在最后了*/ white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } a:hover { text-decoration: none; color: #000; } a href=# style=display:block; ;text-dec[详细]
-
分析border边框属性在浏览器中的渲染方式
所属栏目：[经验] 日期：2018-09-06 热度：152
分析border边框属性在浏览器中的渲染方式 首发小志博客，如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL，谢谢！ 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论，而我也一直以border:0 no[详细]
-
href=＂#＂与href=＂javascript:void(0)＂的区别
所属栏目：[经验] 日期：2018-09-06 热度：79
#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 你可使用如下例子来测试[详细]
-
5 个简单但非常实用的 CSS 属性
所属栏目：[经验] 日期：2018-09-06 热度：144
这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉，但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性，我指的是旧的 CSS2 中的属性，如：clip，min-height，white-space，curosr 和 display 等一些被所有浏览器广泛支持的属性。因此，千万不要[详细]
-
关于onhashchange事件
所属栏目：[经验] 日期：2018-09-06 热度：121
onhashchange 事件是一个新的事件，改事件在location.hash发生改变的时候触发。FF3.6a2, IE 8, Chrome 4.0.206.1均支持该事件。该事件在ajax无刷新页面提交中，能带来更好的用户体验。我们知道，在一个ajax请求中，每次页面更新不能更新地址栏，历史记录也[详细]
-
innerHTML与innerText及outerHTML的用法区别
所属栏目：[经验] 日期：2018-09-06 热度：147
用法： div id=test span style=color:redtest1/span test2 /div 在 JS中可以使用： test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是span style=color:redtest1 /span test2 。 test.innerTe[详细]
-
WEB开发中被忽视的DOCTYPE
所属栏目：[经验] 日期：2018-09-06 热度：75
自己在做web开发的时候，往往着重于界面设计及数据逻辑上的处理，而对一些细节不是特别注意。 doctype就是其中一个: !DOCTYPE HTML PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd 1.doctype是什么 doctype标签 用来指定d[详细]
-
doctype的markup validation
所属栏目：[经验] 日期：2018-09-06 热度：177
本文作者：虚度人生 博客：http://www.cnblogs.com/nozer0/ 之前谈过doctype的问题，被忽视的DOCTYPE，最末说了提倡使用!DOCTYPE HTML，最简洁明了且是标准模式。 但是最近发现使用这种方式会产生问题，见代码： !DOCTYPE HTMLhtmlheadtitletest page/titl[详细]
