-
CSS 使图片变灰的实例
所属栏目:[经验] 日期:2018-09-06 热度:157
最近项目中遇到个问题,就是要使图片变灰。我想了几种解决方案。 1 一种是图片之间的替换,也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了, 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种,程序员嘛,都比较懒, 喜欢让计算[详细]
-
HTML 属性标记之 mailto 的用法详解
所属栏目:[经验] 日期:2018-09-03 热度:92
大家知道,mailto是网页设计制作中的一个非常实用的html标签,许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址,这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后,就能自动打开当前计算机系统中默认的电子 邮件客户端 软[详细]
-
HTML原则:内容放在HTML中,不要依赖CSS
所属栏目:[经验] 日期:2018-09-03 热度:188
内容应放在HTML中,而不应该依赖于CSS。这是HTML的一个重要原则。下面这个例子很明显的体现这个问题: 当CSS可用时,页面的内容正常。 当页面不可用,只能通过https访问时,由于此页面的CSS是http的,所以CSS失效,这个时候页面的内容也不见了,因为这个页[详细]
-
在 Mozilla UI 中书写高效率 CSS
所属栏目:[经验] 日期:2018-09-03 热度:64
原文:Writing Efficient CSS for use in the Mozilla UI 译文:在 Mozilla UI 中书写高效率 CSS 以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则。第一部分是对于 Mozilla 样式系统分类规则的一般性讨论。在了解这个系统的基础上,后续部分包含了[详细]
-
CSS3 target 和 focus 伪类 (附演示)
所属栏目:[经验] 日期:2018-09-03 热度:120
CSS3里的 target 和 focus 伪类都是针对特定元素的选择器,可以用来突出元素的位置。 target 伪类 target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色,可以这样写 *:target { color : red }。[详细]
-
CSS将五个Div层排在一行的实现方法
所属栏目:[经验] 日期:2018-09-03 热度:181
在日常的网页设计中,我们经常遇到div层的问题,一般情况下,如果我们想把两个Div层放在同一行,只需要用display:inline就可以做到了,那么您有没有想到过把五个div层放在同一行显示呢?下面就把实例代码送给大家,感谢对烈火网的支持与厚爱。 实例代码:[详细]
-
HTML 的优化杂记
所属栏目:[经验] 日期:2018-09-03 热度:78
在Perfection kills上看到他去年写的一篇文章,关于HTML优化的,讲的很详细,姑且记录之,尽管里面有些东西并不能在目前的环境里应用。在当前WEB应用逐渐前端化的潮流下,对客户端的优化越来越受到关注,如何减少代码,如何让应用快速的展示给用户,如何减[详细]
-
CSS3 nth-child 伪类的用法
所属栏目:[经验] 日期:2018-09-03 热度:145
CSS3提供了强大的伪类(pseudo-class)选择器,使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱,但当掌握了以后能大大提高你的代码效率,并且节省代码量。今天先要说的是nth-child伪类。 nth-child伪类的[详细]
-
DIV等浮层在IE6下被下拉框遮挡的处理
所属栏目:[经验] 日期:2018-09-03 热度:140
由于IE6中DropDownList是Browser调用的系统控件,这种组件的显示优先级比普通的IE控件高,浮动层中的控件就不能够遮盖这些系统控件。 解决的办法是:做两个浮动层,一个浮动层的根标签是IFrame,另一个浮动层的根标签是Div,两个浮动层的位置、大小均相等,[详细]
-
在html网页中使用Visual Earth地图
所属栏目:[经验] 日期:2018-09-03 热度:147
大致可以分为三个步骤: 1:在head/head标签体内添加如下所示的javascript脚本: script type=text/javascript src=http://dev.ditu.live.com/mapcontrol/mapcontrol.ashx?v=6.2/script script type=text/javascript var map = null; function GetMap(){ ma[详细]
-
HTML 网页表单提交的规则文档
所属栏目:[经验] 日期:2018-09-03 热度:74
最近在做一个HTML解析的引擎,在处理FORM表单时候特别混乱。在此根据近一周的经验总结一下HTML表单的提交规则。 INPUT TYPE=BUTTON 永远不提交 INPUT TYPE=CHECKBOX 只在勾选后提交 INPUT TYPE=FILE 永远提交,即使为空值 INPUT TYPE=HIDDEN 永远提交,即使[详细]
-
CSS网页代码编写技巧-隔行换色的实现
所属栏目:[经验] 日期:2018-08-27 热度:75
网页设计中我们经常会碰到用CSS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话,推荐使用隔行换色的背景图,也推荐将行高固定,这[详细]
-
用Firefox插件调整CSS 优化网页视觉体验
所属栏目:[经验] 日期:2018-08-27 热度:187
本文讨论如何利用 Firefox 的Stylish插件调整网页的CSS布局,让用户能更加轻松舒服地浏览网页。 现在有越来越多的人在使用Google Reader,利用Google Reader可以非常方便的订阅、阅读 RSS。但Google Reader也有自己不足之处,主要是在阅读上不是很方便。RSS[详细]
-
DIV+CSS网页布局的基础知识整理
所属栏目:[经验] 日期:2018-08-27 热度:185
烈火建站资源网的 CSS教程 栏目中汇集了大量的CSS知识,这些知识已经非常全面了,但很多CSSer新手初来本站,依然云里雾里,现整理一些DIVCSS网页布局常用的一些基础知识,供大家学习,欢迎补充及提一些建议。 CSS命名规范 一.文件命名规范 全局样式:glob[详细]
-
IE浏览器BUG测试的CSS代码
所属栏目:[经验] 日期:2018-08-27 热度:132
烈火建站学院(LieHuo.Net)讯 请运行代码查看演示,或者先修改部分代码! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtml xml:lang=zh-cn[详细]
-
CSS规则的结构和Grouping、class和id
所属栏目:[经验] 日期:2018-08-27 热度:55
2.1 规则的结构 rules::=selector 左括号declarations右括号declarations::= declaration{SEMICOLONdeclaration}[SEMICOLON]SEMICOLON::=分号declaration::=propertyCOLON valueCOLON::=冒号value::=keyword listkeyword list::=keyword{SPACEkeyword}SPAC[详细]
-
HTML 4.01、XHTML 1.0 Strict和Transitional 的区别
所属栏目:[经验] 日期:2018-08-27 热度:193
XHTML这个被认为是HTML 4的继任者,是HTML和XML的结合体。通过结合 XML和HTML的功能,XHTML使得Web内容更易于被电话、手持设备以及电视等访问。W3C将XHTML 1.0分为三种规范:Strict(严格)、Transitional(过渡)和Frameset(框架)。 XHTML 1.0 Strict([详细]
-
CSS样式分析:前景色、背景、边框
所属栏目:[经验] 日期:2018-08-27 热度:116
烈火网(LieHuo.Net)教程 CSS样式分析:前景色、背景、边框。前景色:color。color对border的影响: 前景色影响边框颜色可以看到p边框的颜色是和color的颜色是一样的。 背景:元素的背景区包含前景之下知道边框外边界的所有空间,包含内容框、内边距,且延[详细]
-
浏览器不能正常解析CSS代码的解决办法
所属栏目:[经验] 日期:2018-08-26 热度:160
烈火网(LieHuo.Net)教程 网页采用了utf-8编码格式,这本来没有问题,问题是外部css文件默认是 ansi编码,并没有保存为utf-8格式。可能你会发现在一般情况下这样也是没有问题的,然而当css文件中包含有中文注释时就可能不尽如人意了! 估计是ie6版本以下的浏[详细]
-
如何实现 CSS 两个 DIV 平行存放
所属栏目:[经验] 日期:2018-08-26 热度:175
烈火网(LieHuo.Net)教程 如何实现 CSS 两个 DIV 平行存放? 先看css样式部分: 再来看HTML代码:[详细]
-
阐述网站设计和DIV+CSS网页布局常犯错误
所属栏目:[经验] 日期:2018-08-18 热度:160
1、导航菜单使用图片、FLASH 导航菜单使用图片、FLASH当然比纯文本来得好看一些,但是搜索引擎并不认识你的图片和FLASH。如果你非要使用漂亮的图片来做导航的话,可以使用背景替换的方法(我会在下次谈到这一个方法的);如果你要使用FLASH做导航,那我就没你[详细]
-
教你如何把HTML+CSS通过W3C的测试
所属栏目:[经验] 日期:2018-08-18 热度:76
一、在 div class=tzhI am TZH!/div 这段语句中有什么错误? 标点符号问题。这其实也是大家最容易忽视的问题,其实就是小小的两个引号,就造成了这个错误。虽然很多浏览器在不加引号的情况下仍然能正确识别渲染。但是这样想要通过严格的W3C XHTML国际标准[详细]
-
实例代码:用html语言显示xml中的数据
所属栏目:[经验] 日期:2018-08-18 热度:120
烈火建站学院(LieHuo.Net)实例代码:用html语言显示xml中的数据。 1.将下面文件存为myfile.dtd 2.然后建立XML文档myfile.xml: 3.建立HTML文档myfile.html[详细]
-
〈html:image〉与〈html:img〉的区别
所属栏目:[经验] 日期:2018-08-18 热度:85
烈火建站学院(LieHuo.Net)HTML教程 近日有朋友在站长问答论坛提到html:image和html:img的区别,其实这个问题很简单,可能很多站长也会在脑子里回放,估计真正去分析和知道的朋友就不太多了,今天烈火建站学院的小编来给大家介绍一下: html:image具有自[详细]
-
css教程:有关clip中rect的剪裁属性
所属栏目:[经验] 日期:2018-08-18 热度:83
htmlheadtitleclip中rect的剪裁 - liehuo.net/titlestyle type=text/cssimg{ position:absolute; clip:rect(0px 50px 200px 0px); }.show{width:100px; height:100px; background:url(../image/color.jpg); position:absolute; left:50px; clip:rect(0px 5[详细]
