-
Div vertical-align 不起作用解决办法
所属栏目：[经验] 日期：2018-09-04 热度：199
div vertical-align不起作用解决办法 要加上line-height，并且加上 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd CSS代码： #div-a{ height:60px; line-height:60px; } XHTML代[详细]
-
CSS 中Visibility 和 Display 属性的比较
所属栏目：[经验] 日期：2018-09-02 热度：178
如果你想改变一个 HTML 元素的可见性，你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ？这两个属性有什么不同？在页面元素可见性改变时你如何应对？ Visibility 和 Display 属性的区别 这里有个 Demo 可以比较 visibility: hidden[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目：[经验] 日期：2018-09-02 热度：194
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住：你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面，因此，你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
HTML5中值得期待的postMessage方法
所属栏目：[经验] 日期：2018-09-02 热度：182
postMessage是HTML5中的一个方法，可以用来跨域访问数据。它简单易用，目前 IE8 +、FF3+、 Safari 4.0+、Google Chrome 1.0+、 Opera 9.5+均支持该方法。 你可以按照以下步骤来使用该方法： 在你希望发送信息的window.或者iframe中调用postMessage方法； 指[详细]
-
![CSS pointer-events 允许下层元素被点击[译]](/uploads/allimg/c180902/1535WZb5aZ-14T8.png)
CSS pointer-events 允许下层元素被点击[译]
所属栏目：[经验] 日期：2018-09-02 热度：133
是否曾经有过这样的经历：把一个元素置于另一个元素之上，而希望下面的那个元素成为可点击的？现在，利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG，目前在很多浏览器中已经得到体现。不过，要让任何HTML元素生[详细]
-
基于 HTML5 的 Windows 画图程序
所属栏目：[经验] 日期：2018-09-02 热度：157
Windows 画图 程序一直伴随着 Windows 各个版本，这个很简单，几乎没有什么用处的程序拥有最基本的绘图功能，很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能，虽然 HTML5 还远未成熟，但很多人已经迫不及待地用它设计一些让人惊叹的应用。 Canvas[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目：[经验] 日期：2018-09-02 热度：123
导言 随着 Java script的复杂应用和即将推出的的标准和技术，web应用程序变得越来越先进。我们不断依赖这些应用程序，它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中，有一个领域一直很匮乏－－客服端存储数据的能力。直到现在还是这样[详细]
-
你应该知道的几个CSS3技巧
所属栏目：[经验] 日期：2018-09-02 热度：165
你们中有许多人可能已经听到过有关CSS3的不少传言，但是我们现在能真正用到的CSS3技巧又有哪些呢？本文，我将向你展示一些与众不同的CSS3技巧，这些技巧在一些主要的浏览器中表现良好（如 Firefox ， Chrome ， Safari ， Opera 浏览器）。这些效果会在不[详细]
-
碳纤维风格的插入式导航菜单:HTML代码
所属栏目：[经验] 日期：2018-09-02 热度：121
继上篇碳纤维风格的插入式导航菜单，Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧！ 查看CSS/HTML完整版，请点击这里： 布署文件 在我们开始切割图片之前，先在本地web服务器上布署文件，创建文件夹，在新建的文件夹中新建空白[详细]
-
用window.XMLHttpRequest和window.ActiveXObject判断ie6
所属栏目：[经验] 日期：2018-09-02 热度：86
原理： Window.XMLHttpRequest //IE6以上版本和其他浏览器内置XMLHttpRequest对象 Window.ActiveXObject //在IE6及其以下浏览器可以通过ActiveXObject的两个控件来创建 if (window.XMLHttpRequest) { //Mozilla, Safari ,IE7, IE8 alert('Mozilla, Safari,[详细]
-
跨浏览器 CSS3 规则生成器
所属栏目：[经验] 日期：2018-09-02 热度：165
CSS3 很强大，但目前各个浏览器对它的支持程度不同一直是 CSS3 不能被应用的主要原因。今天 Bolo 推荐两个在线跨浏览器 CSS3 规则生成器。 CSS3, please! CSS3, please! 只有一个页面，上面以标准的 CSS 语法罗列了一些目前常用的 CSS3 属性在各种浏览器里[详细]
-
css技巧：如何使用CSS让菜单横向
所属栏目：[经验] 日期：2018-08-31 热度：151
在上面一节我们讲到的是垂直的导航.但是大多网站用的还是横向的导航,那么就来跟我学下横向导航是如何实现的.要怎么实现下面的效果.只要在列表项之间避免换行就行了,所以要把li转换为内联. HTML和CSS代码如下： Copy to Clipboard 引用的内容：[www.veryhuo[详细]
-
学习DIV+CSS难不难
所属栏目：[经验] 日期：2018-08-31 热度：58
CSS是不是真的很难学?其实不难，只是缺少了掌握的经验，拿着一本书硬肯，有没有收获?有!但可能成效不大，作为过来人我觉得被动学习想要记住的东西是很难的，学习它我的经验是可以先掌握精要(重要属性开始)，待掌握精要自然而然这些属性远远不够满足自己的[详细]
-
Div+Css实现屏蔽效果
所属栏目：[经验] 日期：2018-08-31 热度：131
在做项目的过程中 用到了Yahoo 的YUI控件，其中的datatable 很方便，但是有些时候要把点击table事件屏蔽，于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之，就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示， 并[详细]
-
HTML教程：TBody 的解释及用法
所属栏目：[经验] 日期：2018-08-31 热度：51
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的，每个页面都有head ,body两部分，对于比较复杂的页面，页面的排版用到了很多的表格，表格的结构也就相对的复杂了，所以又将表格分割成三个部分：题头、正文和脚注。而这 三部分分别用:[详细]
-
css技巧:使用CSS做出一个嵌套导航.
所属栏目：[经验] 日期：2018-08-31 热度：189
除非你的网站只有一页,不然你一定会用的导航的.事实上,导航在网页设计中是最重要部分之一.你要用很多时间去考虑如何让浏览者更容易访问你的网站. 在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使用性.如果[详细]
-
Web开发之CSS和Table布局的争论
所属栏目：[经验] 日期：2018-08-29 热度：174
烈火建站学院(LieHuo.Net)讯 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然：我原以为CSS 布局的意义早已深入人心，却没想到还有这么多设计师及开发人员持有异议。 静下心来看罢大家的讨论，一番细想，觉得原因可能有两个方面： 一[详细]
-
Css 优先级问题分析
所属栏目：[经验] 日期：2018-08-29 热度：191
css优先级的四大原则： 原则一： 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高。 例子1： CODE: style type=text/css !-- *{font-size:20px} .class3{ font-size: 12px; } -- /style span class=class3我是多大字号？/span 运行结果：.cla[详细]
-
CSS实现鼠标移上去显示大图效果
所属栏目：[经验] 日期：2018-08-29 热度：193
--------------------------------------------------css部分----------------------------------- #demo{overflow:hidden;;text-align:center;padding:10px;} #demo img{border:none;border:5px solid #f4f4f4} #enlarge_images{position:absolute;displa[详细]
-
CSS 的重用性写法探索
所属栏目：[经验] 日期：2018-08-29 热度：103
在css的构建过程中，我们经常会定义某种属性，而这些属性又在多处使用。如字体的大小，颜色等。那么我们怎么样才可以最大限度的重用呢？ 本讨论中，列举使用这两个属性（字体大小，颜色）的例子。如我们需要定义一段红色，字体大小为14px的段落。 通常可以[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目：[经验] 日期：2018-08-29 热度：155
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目：[经验] 日期：2018-08-29 热度：142
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目：[经验] 日期：2018-08-29 热度：191
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目：[经验] 日期：2018-08-29 热度：81
摘要 昨天去178.com公司参加笔试，对CSS仅有一道题，要求是写CSS，在IE6/IE7/FF三款浏览器下显示不同的效果，本来是能写滴，可没想到竟然是选择题，而且用到了子选择器，这下完了，这语法很少见到，所以平时也不怎么关注，没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目：[经验] 日期：2018-08-29 热度：91
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和 Firefox 存在很大的解析差异，这里介绍一下兼容要点。 常见兼容问题： 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align[详细]
