-
什么是css sprite?原理优缺点及使用实例
所属栏目：[经验] 日期：2018-09-14 热度：58
关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
-
js+css实现禁止鼠标右键与选中网页文字
所属栏目：[经验] 日期：2018-09-14 热度：108
关于禁止右键的文章，烈火也曾经提到过几篇，相关代码都比较冗长，不够精简，在本文中我们来看一个js+css简单实现的代码，可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器 。 CSS代码： body{ -moz-user-select:none; hutia:expression(this.[详细]
-
图片自适应大小,超出部分自动隐藏缩略
所属栏目：[经验] 日期：2018-09-13 热度：77
在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现： max-width:600px; IE7、FF等其他非 IE浏览器 下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
-
CSS+DIV层跨浏览器定位代码,附效果演示
所属栏目：[经验] 日期：2018-09-13 热度：193
本教程主要说的是纯CSS实现跨浏览器固定定位，这是个基础问题，关于CSS的相关知识，你可以参考烈火提供的CSS中文手册，关于此类问题，现在可以了解一下，但是在以后却要经常面对的问题，本代码不仅实现绝对定位，而且也实现了跨浏览器，参考一下便会明白了[详细]
-
input、select居中不兼容浏览器的解决方法
所属栏目：[经验] 日期：2018-09-13 热度：195
css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异： 1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。 2.input里面输入的文字行高存在差别，有空隙等等。 3....混排时，外层标签不[详细]
-
IE6、IE7、IE8浏览器下CSS不兼容的解决分析
所属栏目：[经验] 日期：2018-09-13 热度：71
IE6里DIV错位的问题 采用FLOAT：LEFT的DIV在 IE8 、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加margin-left:-5px;或者更[详细]
-
CSS 背景透明而文字不透明的方法代码
所属栏目：[经验] 日期：2018-09-13 热度：141
本文要介绍的是CSS 背景透明而文字不透明的效果，本实现方法支持多个浏览器，包括：IE、 Firefox 、 Chrome 、 Opera 等。 实例代码如下：[详细]
-
CSS 实现文字、DIV层水平自适应屏幕大小
所属栏目：[经验] 日期：2018-09-13 热度：160
烈火网(LieHuo.Net)CSS教程，本文给大家介绍的是CSS 水平自适应的实现代码，这个与其它的水平自适应好像还有点区别，它里面的文字也会自适应，文字外的DIV同样也会随着浏览器窗口的大小而水平适应，大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目：[经验] 日期：2018-09-13 热度：87
烈火网(LieHuo.Net)CSS教程 CSS多层绝对定位的一个小演示，多个层嵌套在一起，学习CSS布局的一个好例子。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目：[经验] 日期：2018-09-02 热度：71
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目：[经验] 日期：2018-09-02 热度：198
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目：[经验] 日期：2018-09-02 热度：84
摘要 昨天去178.com公司参加笔试，对CSS仅有一道题，要求是写CSS，在IE6/IE7/FF三款浏览器下显示不同的效果，本来是能写滴，可没想到竟然是选择题，而且用到了子选择器，这下完了，这语法很少见到，所以平时也不怎么关注，没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目：[经验] 日期：2018-09-02 热度：79
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和 Firefox 存在很大的解析差异，这里介绍一下兼容要点。 常见兼容问题： 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align[详细]
-
CSS+DIV定位浅析
所属栏目：[经验] 日期：2018-09-02 热度：166
在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下： 先看下各个属性值的定义： 1、static：默认值。没有定位，元素出[详细]
-
css技巧：如何使用CSS让菜单横向
所属栏目：[经验] 日期：2018-09-02 热度：82
在上面一节我们讲到的是垂直的导航.但是大多网站用的还是横向的导航,那么就来跟我学下横向导航是如何实现的.要怎么实现下面的效果.只要在列表项之间避免换行就行了,所以要把li转换为内联. HTML和CSS代码如下： Copy to Clipboard 引用的内容：[www.veryhuo[详细]
-
学习DIV+CSS难不难
所属栏目：[经验] 日期：2018-09-02 热度：162
CSS是不是真的很难学?其实不难，只是缺少了掌握的经验，拿着一本书硬肯，有没有收获?有!但可能成效不大，作为过来人我觉得被动学习想要记住的东西是很难的，学习它我的经验是可以先掌握精要(重要属性开始)，待掌握精要自然而然这些属性远远不够满足自己的[详细]
-
Div+Css实现屏蔽效果
所属栏目：[经验] 日期：2018-09-02 热度：73
在做项目的过程中 用到了Yahoo 的YUI控件，其中的datatable 很方便，但是有些时候要把点击table事件屏蔽，于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之，就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示， 并[详细]
-
HTML教程：TBody 的解释及用法
所属栏目：[经验] 日期：2018-09-02 热度：188
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的，每个页面都有head ,body两部分，对于比较复杂的页面，页面的排版用到了很多的表格，表格的结构也就相对的复杂了，所以又将表格分割成三个部分：题头、正文和脚注。而这 三部分分别用:[详细]
-
css技巧:使用CSS做出一个嵌套导航.
所属栏目：[经验] 日期：2018-09-02 热度：103
除非你的网站只有一页,不然你一定会用的导航的.事实上,导航在网页设计中是最重要部分之一.你要用很多时间去考虑如何让浏览者更容易访问你的网站. 在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使用性.如果[详细]
-
CSS基础教程 关于网页图片的属性
所属栏目：[经验] 日期：2018-08-23 热度：112
图片外框特征参数: ①dashed：虚线 ②dotted：点虚线 ③solid：实线 ④double：双线 ⑤groove：沟槽状 ⑥ridge：脊状 ⑦inset：内嵌 ⑧outset:外嵌 CSS TP特殊效果风格属性 ①灰/黑：Gray/Xray ②差值：Invert ③水平：Fliph ④垂直：Flipv ⑤羽化：Alpha(O[详细]
-
CSS:提高网页在浏览器的渲染速度
所属栏目：[经验] 日期：2018-08-23 热度：100
原文： http://www.zishu.cn/blogview.asp?logID=773 最近很少写CSS了，以后也可能写的会很少了，所以还是想把自已的一些经验能和大家分享一下，希望能给大家一些帮助！ 这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分，暂时总结了10条。 1、[详细]
-
CSS教程:关于网页图片的属性
所属栏目：[经验] 日期：2018-08-23 热度：135
图片外框特征参数: ①dashed：虚线 ②dotted：点虚线 ③solid：实线 ④double：双线 ⑤groove：沟槽状 ⑥ridge：脊状 ⑦inset：内嵌 ⑧outset:外嵌 CSS TP特殊效果风格属性 ①灰/黑：Gray/Xray ②差值：Invert ③水平：Fliph ④垂直：Flipv ⑤羽化：Alpha(O[详细]
-
CSS+JS连续向上滚动的文字
所属栏目：[经验] 日期：2018-08-23 热度：78
连续向上滚动的文字用CSS和JS制作的一种效果。 div id=marqueesa href=# _fcksavedurl=#你可曾有过无数的梦想，/abrbra href=# _fcksavedurl=#却在时光的流逝里幻灭 /abrbra href=# _fcksavedurl=#你可曾对未来期待憧憬，/abrbra href=# _fcksavedurl=#却在[详细]
-
CSS制作很漂亮的文字滑动效果
所属栏目：[经验] 日期：2018-08-23 热度：189
CSS制作很漂亮的文字滑动效果,请查看运行代码演示! !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/xhtmlheadmeta http-equiv=Content-Type co[详细]
-
CSS网页代码编写技巧-隔行换色的实现
所属栏目：[经验] 日期：2018-08-23 热度：82
网页设计中我们经常会碰到用CSS（层叠样式表）实现隔行换色的需求，您可以根据您的需要，采用下面的任何一种方法，当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话，推荐使用隔行换色的背景图，也推荐将行高固定，这[详细]
