经验_应用网_阳江站长网

CSS Sprites:实用技巧,还是潜在危险?[译]

所属栏目：[经验] 日期：2018-09-26 热度：156

无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段，而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前，它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
CSS 网页布局实例：横向分栏水平居中的实现

所属栏目：[经验] 日期：2018-09-26 热度：89

CSS 网页布局实例：横向分栏水平居中的实现 CSS 横向分栏布局实例，在内容显示区，因为元素未定义高度，所以必须添加内容，才能更好地显示元素的位置。也就是给正文显示区更大的余地，让内容决定正方的高度，因为本布局实例就是横向不变竖向变，以满足不同[详细]
CSS实例布局：绝对定位的DIV层实现

所属栏目：[经验] 日期：2018-09-26 热度：77

本文要介绍的教程是关于CSS绝对定位的布局问题，关于CSS绝对定位的好处是，不管网页窗口有多大或多小，其内部显示的内容不会变形，浏览用拖动条代替，在对布局显示要求较高的场合，绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
CSS3实例效果五则,很实用的WEB开发教程

所属栏目：[经验] 日期：2018-09-26 热度：101

对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）[详细]
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]

所属栏目：[经验] 日期：2018-09-19 热度：135

最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
什么是css sprite?原理优缺点及使用实例

所属栏目：[经验] 日期：2018-09-19 热度：150

关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
js+css实现禁止鼠标右键与选中网页文字

所属栏目：[经验] 日期：2018-09-19 热度：142

关于禁止右键的文章，烈火也曾经提到过几篇，相关代码都比较冗长，不够精简，在本文中我们来看一个js+css简单实现的代码，可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器。 CSS代码： body{ -moz-user-select:none; hutia:expression(this.[详细]
图片自适应大小,超出部分自动隐藏缩略

所属栏目：[经验] 日期：2018-09-19 热度：119

在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现： max-width:600px; IE7、FF等其他非 IE浏览器下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
CSS+DIV层跨浏览器定位代码,附效果演示

所属栏目：[经验] 日期：2018-09-19 热度：56

本教程主要说的是纯CSS实现跨浏览器固定定位，这是个基础问题，关于CSS的相关知识，你可以参考烈火提供的CSS中文手册，关于此类问题，现在可以了解一下，但是在以后却要经常面对的问题，本代码不仅实现绝对定位，而且也实现了跨浏览器，参考一下便会明白了[详细]
input、select居中不兼容浏览器的解决方法

所属栏目：[经验] 日期：2018-09-19 热度：105

css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异： 1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。 2.input里面输入的文字行高存在差别，有空隙等等。 3....混排时，外层标签不[详细]
IE6、IE7、IE8浏览器下CSS不兼容的解决分析

所属栏目：[经验] 日期：2018-09-19 热度：186

IE6里DIV错位的问题采用FLOAT：LEFT的DIV在 IE8 、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加margin-left:-5px;或者更[详细]
CSS 实现文字、DIV层水平自适应屏幕大小

所属栏目：[经验] 日期：2018-09-19 热度：141

烈火网(LieHuo.Net)CSS教程，本文给大家介绍的是CSS 水平自适应的实现代码，这个与其它的水平自适应好像还有点区别，它里面的文字也会自适应，文字外的DIV同样也会随着浏览器窗口的大小而水平适应，大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
绝对定位的DIV+CSS层,多个层嵌套在一起

所属栏目：[经验] 日期：2018-09-19 热度：138

烈火网(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-07 热度：137

问题：我想通过css实现对图片大小的自适应，通过以下代码在ie7和 Firefox 中已经可以正常显示了，但是在ie6里面，宽比高大的（横起的）图片总是比高比宽大的（竖起的）图片矮10个xp，谁知道是为什么啊？ Copy to Clipboard 引用的内容：[www.veryhuo.com][详细]
网页制作HTML代码学习教程入门

所属栏目：[经验] 日期：2018-09-07 热度：73

HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX，WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示[详细]
分析:CSS在IE6、IE7和IE8中的差别

所属栏目：[经验] 日期：2018-09-07 热度：112

副标题#e# 关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6，7和8共存。截至本文，Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区，这个数字要小很多，统计显示大概只有40%。这些统计中比较有趣的部分是，IE6、IE7[详细]
CSS Sprites 将小图片整合到一起

所属栏目：[经验] 日期：2018-09-07 热度：93

css中用一张背景图做页面的技术有什么优势? 就在于下面的介绍简单介绍一下 CSS Sprites 的优点：当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。 CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快[详细]
教你玩转CSS3色彩

所属栏目：[经验] 日期：2018-09-07 热度：185

传统来说，大家在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-07 热度：148

我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求. 罪行1:把块级元素放入了内联元素内 HTML 元素的[详细]
CSS教程：dl dt dd标签的简单用法

所属栏目：[经验] 日期：2018-09-07 热度：115

我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法： dl标记定义了一个定义列表，定义列表中的条目是通过使用dt标记(definition title，定义标题)和dd标记(definition description，定义描述)[详细]
CSS技巧之如何组织和注释CSS文件

所属栏目：[经验] 日期：2018-09-07 热度：78

关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.如果你有更好的方法请告诉大家让大家一起分享..... 当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们[详细]
如何使用 CSS 隐藏网页文字？

所属栏目：[经验] 日期：2018-09-07 热度：166

1.隐藏文本和链接：采用隐藏的手段在网页上放置许多文本和链接，浏览者看不到隐藏文本而搜索引擎可以爬取到，从而欺骗搜索引擎对网页关键词的判断。这些手段包括： * 将文本和链接的颜色设置与背景一样 * 将文本堆积在图片后 * 使用 CSS 隐藏文本，如：[详细]
使用 CSS 自定义网页字体

所属栏目：[经验] 日期：2018-09-07 热度：186

如何使用自定义字体呢？一般的解决办法是把文字体成图片，但是有点麻烦, 不适合我的样的懒人，而且做成图片也不方便修改。还有一种是通过CSS样式定义，我选择了这种, 因为它简单易用，CSS中使用@font-face属性来实现在网页中嵌入任意字体，稍稍复杂一点的[详细]
HTML页面中标签的语义与使用位置

所属栏目：[经验] 日期：2018-08-24 热度：130

我们在52CSS.com的文章中一直在强调语义，那么对于HTML标签该如何使用呢？他们一般的使用位置在哪里呢？在刚接触XHTML+CSS设计网页时，对于标签的使用没什么经验，也很随意，经常是想起什么就用什么，认为只要能实现效果就可以。但随着学习的深入和对搜索[详细]
css教程：网页字体及字体大小的设计

所属栏目：[经验] 日期：2018-08-24 热度：189

在设计网络应用时，您必须决定如何编辑字体。使用CSS时存在大量选项，每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时，没有比外观更重要的事情了。所以，如果发现设计人员十分关注字体及字体大小，我不会感到奇怪！[详细]

7529

259