-
![CSS Sprites:实用技巧,还是潜在危险?[译]](/uploads/allimg/c170601/14962615DJ40-13E5.gif)
CSS Sprites:实用技巧,还是潜在危险?[译]
所属栏目：[经验] 日期：2018-09-13 热度：65
无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段，而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前，它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
-
CSS 网页布局实例：横向分栏水平居中的实现
所属栏目：[经验] 日期：2018-09-13 热度：59
CSS 网页布局实例：横向分栏水平居中的实现 CSS 横向分栏布局实例，在内容显示区，因为元素未定义高度，所以必须添加内容，才能更好地显示元素的位置。也就是给正文显示区更大的余地，让内容决定正方的高度，因为本布局实例就是横向不变竖向变，以满足不同[详细]
-
CSS实例布局：绝对定位的DIV层实现
所属栏目：[经验] 日期：2018-09-13 热度：101
本文要介绍的教程是关于CSS绝对定位的布局问题，关于CSS绝对定位的好处是，不管网页窗口有多大或多小，其内部显示的内容不会变形，浏览用拖动条代替，在对布局显示要求较高的场合，绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
-
CSS3实例效果五则,很实用的WEB开发教程
所属栏目：[经验] 日期：2018-09-13 热度：96
对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。 用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）[详细]
-
把Flash转成Javascript/HTML5
所属栏目：[经验] 日期：2018-09-13 热度：194
SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成 Java script/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了[详细]
-
CSS禁止中文输入法（只能输入英文）
所属栏目：[经验] 日期：2018-09-11 热度：75
CSS样式也是可以实现某些类似脚本的功能，例如今天要说的就是禁止输入中文，只要在CSS样式中加上以下代码就可以了： Copy to Clipboard 引用的内容：[www.veryhuo.com]ime-mode : disabled (说明：他的真实效果是禁止切换输入法，也就是说只能输入默认输入[详细]
-
CSS常用类和ID命名规范
所属栏目：[经验] 日期：2018-09-11 热度：55
CSS中的类和ID名称都是可以自定义的，也没有像一些编程语言会保留关键字，在CSS里可以完全自己命名。但是为了使CSS更有可读性，很多人都提倡规范命名。说到这，发现我以前写的不少CSS的命名都是很乱的，真得改改了。 今天翻出电脑里的资料，发现有个CSS常[详细]
-
使用CSS让DIV水平垂直居中的方法
所属栏目：[经验] 日期：2018-09-11 热度：95
要点： 1.position属性设置为：absolute 2.top和left属性都设为：50% 3.margin-top宽度设置为height高度的一半，margin-left属性设置为width宽度的一半。 htmlheadtitleDIV水平垂直居中/titlestylebody{font-size:12px; margin:0; padding:0;}.div1{positi[详细]
-
纯CSS圆角框3：圆角化图片
所属栏目：[经验] 日期：2018-09-11 热度：185
文章导航： 第一章：基本的圆角框 第二章：透明圆角化背景图片 在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
-
CSS入门:五个简单,但有用的CSS属性
所属栏目：[经验] 日期：2018-09-11 热度：146
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
怎么调用iframe的父窗口的父窗口?
所属栏目：[经验] 日期：2018-09-11 热度：184
问题： 怎么调用iframe的父窗口的父窗口?做个AJAX上传图片 Copy to Clipboard 引用的内容：[www.veryhuo.com]iframe src=ajax_upimage.html name=iframeUpload1 width=350 height=80 frameborder=0 SCROLLING=no style=border:1px red solid/iframe ajax_u[详细]
-
纯CSS圆角框2:透明圆角化背景图片
所属栏目：[经验] 日期：2018-09-11 热度：189
在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以[详细]
-
纯CSS圆角框:基本的圆角框
所属栏目：[经验] 日期：2018-09-11 热度：105
序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目：[经验] 日期：2018-09-11 热度：102
在进行页面的XHTML+CSS排版时，遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是见机行事，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目：[经验] 日期：2018-09-11 热度：53
问题： 在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大[详细]
-
如何用 CSS 隐藏超出显示宽度的内容
所属栏目：[经验] 日期：2018-08-27 热度：105
烈火网(LieHuo.Net)教程 如何用 CSS 隐藏超出显示宽度的内容。需要注意的是，这个东东只对单行的文字的效，如果你想把它用在多行上，也只有第一行有作用的。 这个写法只有IE会有...，其它的浏览器文本超出指定宽度时会隐藏。 对于表格文字溢出的定义：[详细]
-
XHTML模块化布局的好处与实例
所属栏目：[经验] 日期：2018-08-27 热度：152
烈火网(LieHuo.Net)教程 模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体，完成整个系统所要求的功能。 模块具有以下几种基本属性：接口、功能、逻[详细]
-
CSS实例教程：教你如何定位（组图）
所属栏目：[经验] 日期：2018-08-27 热度：180
烈火网(LieHuo.Net)教程 今天来介绍一下如何通过css定位，与以往不同今天通过看图方式，用css定位布局（LIEHUO.NET转自蓝色理想）。先来看一下需要定位的图片演示： (图一) 先来看图一，共分为三大部分，分别是：header,wrap与footer，其中在wrap的层中又[详细]
-
十步掌握CSS布局定位（译）
所属栏目：[经验] 日期：2018-08-27 热度：83
烈火网(LieHuo.Net)教程 无意中看到此文，因作者强调其中避开了浏览器bug/分歧，所以个人认为值得借鉴。不才仔细看了此文，自觉受益匪浅 ，屡试不爽，佩服作者对css布局的精炼总结，顺便小译了一段，英文水平有限，且个人通常写写php，对css了解不深却有点[详细]
-
怎么给div+css样式表命名的规则
所属栏目：[经验] 日期：2018-08-27 热度：84
烈火网(LieHuo.Net)教程 刚开始写div+css样式表的时候，是记不住那些css样式的属性, 可现在最让我头疼的不是怎么写样式，而是给div+css样式起名，怎么样起才合适呢？要是就几行或几十行代码吧！就根据英文单词就行了。可是要是多了那就不好写了，有时候就[详细]
-
Div+CSS+JS树型菜单(可实时保存)
所属栏目：[经验] 日期：2018-08-27 热度：179
烈火网(LieHuo.Net)教程 今天我们来看一下可以实时保存的树形菜单，这个例子是从blueidea看到的，使用了Div+CSS+JS，看实例代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[详细]
-
正则表达式实现匹配html问题
所属栏目：[经验] 日期：2018-08-27 热度：79
烈火网(LieHuo.Net)教程 我想得到一个div标签，这个标签有其特定的id，怎么匹配一个html中的非此div标签，然后删除，即得到这个div标签。这种方式怎么实现？ 答： 结合平衡组可以实现： 平衡组/递归匹配 这里介绍的平衡组语法是由.Net Framework支持的；其[详细]
-
web软件的架构设计用iframe还是load
所属栏目：[经验] 日期：2018-08-27 热度：114
问：公司要开发一款小型web软件,我目前的构思是想模仿163邮箱的架构,顶部+左导航+主要内容显示区.问题如下:我用的jquery库开发,目前我不想使用iframe做为主要内容显示区,而是想使用jquery.load()来加载页面到主要内容显示区,但是我担心jquery.load()的效率[详细]
-
CSS Sprites技术的实际应用(图)
所属栏目：[经验] 日期：2018-08-27 热度：121
css Sprites原理 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的background-image，background- repeat，background-position的组合进行背景定位，background-position可以用数字能精确的定位出背景 图片的位置。 CSS Sprites[详细]
-
CSS居中问题大全 网页制作必学
所属栏目：[经验] 日期：2018-08-27 热度：70
1.块级元素的垂直居中 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtdhtml xmlns=http://www.w3.org/1999/xhtml xml:lang=enheadmeta http-equiv=Content-Type content=text/html; charset=GBK[详细]
