-
禁止缓存:给css/js加上时间戳
所属栏目：[经验] 日期：2018-11-12 热度：86
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存，到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后，常常会出现客户端没有更新，导致显示出现问题。之前我一直使用时间戳参数的方法来解决： 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目：[经验] 日期：2018-11-12 热度：185
早上了解到一个名为css border三角的技术，纯css2实现,兼容各浏览器(包括Ie6)，且效果非常好，当时即内牛满面，顿感牛人之强大。自己不敢不有样学样，赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
使用CSS控制打印页面格式
所属栏目：[经验] 日期：2018-11-05 热度：171
由于客户要求，打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的，所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
-
CSS3 Media Queries使用方法详解
所属栏目：[经验] 日期：2018-11-05 热度：192
在css2中允许我们使用media的属性，例如使用screen和print，我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章，关于css2中的media文章，推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print，而且支持多媒体[详细]
-
CSS创建竖排文字的简单方法，有演示
所属栏目：[经验] 日期：2018-11-05 热度：92
在制作网页的时候我们经常需要创建一些竖排的文字，或许这对你来说是一件很简单的事情，但是你是否想过用CSS可有N种创建竖排文字的方法？下面是由我翻译自Nettuts+的文章，希望这几种方法能够给你带来一些提示。 方法一：br /标签 一种可能的方法(但不推荐[详细]
-
神奇的 CSS 元素透明法
所属栏目：[经验] 日期：2018-11-05 热度：184
1、HTML 元素透明 其实本身，CSS 实现元素透明是件容易事儿。直接上代码： opacity:.5 opacity 指的是不透明度，取值为 0~1 之间，1 表示完全不透明，0 表示完全透明。 A 级浏览器基本都支持 opacity 属性，但碰上 IE，总没好事。不过 IE 有滤镜，可以帮助[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目：[经验] 日期：2018-11-05 热度：162
按钮的写法有两种，一种是 input value=按钮/ 或者 button按钮/button，如果按钮用于表单提交，还必须加上 type 属性（type=submit）。为了美化按钮效果，一般会设置背景和边框属性。 但在 IE 下，表单区域获得焦点的情况下，如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目：[经验] 日期：2018-11-05 热度：51
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能，将表单中的文本框自动切换为英文输入模式，有意思吧，可以用于限制输入数字和字符。 此为网友投入，烈火没有测试，代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head ti[详细]
-
CSS模块化之如果组织好css?
所属栏目：[经验] 日期：2018-11-05 热度：184
在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
-
Css实现多层元素嵌套的圆角按钮
所属栏目：[经验] 日期：2018-11-05 热度：96
圆角按钮的实现看似并不困难，但会遇到如按钮宽度自适应文字长度等情况，不可能每次都切固定大小的背景图片。 自适应宽度的按钮，通常会采用类似下面的切图方法： 这样一来，只需要嵌套两层标签即可： a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
如何实现调整弹出窗口的大小？附演示
所属栏目：[经验] 日期：2018-11-05 热度：53
如何实现调整弹出窗口的大小？演示代码的实现，在window.open属性中加入resizable=yes参数值，即可实现，简单吧，试试吧。利用window.open我们还可做许多有意思的窗口特效，不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下： Copy to Clipboard[详细]
-
CSS兼容性（IE和Firefox）技巧大全
所属栏目：[经验] 日期：2018-10-31 热度：152
CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DO[详细]
-
自定义样式的input[type=range]
所属栏目：[经验] 日期：2018-10-31 热度：198
今天下午有人在群里提出个问题，能不能把自定义样式应用到HTML 5中的range元素上。晚上研究了一下，是可以实现上述的需求的。请用 Chrome 查看Demo。 代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html html head meta http-equiv[详细]
-
CSS3创建多重边框
所属栏目：[经验] 日期：2018-10-31 热度：154
是的，我们知道：我们可以为border设置它的width，这个border的宽度可以是5px，可是10px，可以是20px，可以是随意数值。 可是，你想象过可以为每1px的border单独设置颜色么？这是个什么概念？就是说，如果你为一个元素设置了10px的border，那么这10px的边[详细]
-
direction实例代码：文本排列方向的改变
所属栏目：[经验] 日期：2018-10-31 热度：195
direction用法示例：改变文本排列的方向，类似左对齐、右对齐的功能，不过又有着很大的差别，在ASP(HTML): direction是设置阴影的强度，但用在CSS中，好像还没有明确定义。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//[详细]
-
css控制滚动条位置 css控制文字方向
所属栏目：[经验] 日期：2018-10-31 热度：150
CSS 控制滚动条的位置及文本方向，运用direction改变文本方向，用overflow的scroll属性控制滚动条的位置，有意思吧，可以将滚动条显示在一块区域的左边，有反常态的使用。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//D[详细]
-
CSS换行实例：word-break 强制换行代码
所属栏目：[经验] 日期：2018-10-31 热度：88
word-break 强制换行的CSS实现，他们大家展示word-break 分别以normal、break-all、keep-all三种方式聚会后的效果，用的最多一般是break-all，但是在国外网站，normal属性使用较多。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC[详细]
-
CSS实例：overflow 控制文本溢出代码
所属栏目：[经验] 日期：2018-10-31 热度：88
用CSS控制文本溢出，主要是使用了CSS中的overflow属性，关于文本溢出属性的实例，注意文本中段首部分的显示效果。平时我们用到的比较多，因此overflow的用法和使用场合有必要掌握。 html head meta http-equiv=Content-Type content=text/html; charset=ut[详细]
-
css属性实例:两个div边框内外嵌套
所属栏目：[经验] 日期：2018-10-31 热度：176
css属性实例:两个div边框内外嵌套，代码如下： html head meta http-equiv=Content-Type content=text/html; charset=gbk / titlecss属性实例/title style .main{ border:2px solid #333333;} .include{ margin:50px; border:2px solid #333333; width:500[详细]
-
DIV模块交叉在一起 CSS边框交互效果
所属栏目：[经验] 日期：2018-10-31 热度：109
css边框嵌套的实现代码，两个Div彼此交叉在一起，平时我们不多见吧？主要是想练习一下布局的方法，掌握两个元素边框交叉，你就可以轻易学会在网页中布局其它的小Div。 运行演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.[详细]
-
使用word-wrap:break-word使文本自动换行
所属栏目：[经验] 日期：2018-10-31 热度：117
文本框连续输入 数字111111111111111111或者 英文单词adkjsakfjsalfkjsalkdjaslkfjsalkf 会造成什么结果呢?---文字溢出,一般的处理方法是用overflow:hidden隐 藏文 字,有没有更好的解决文案呢?QA的童鞋要求自动换行. 用word-wrap:break-word即可 css手册上[详细]
-
CSS控制网页中图片的最大宽度和高度
所属栏目：[经验] 日期：2018-10-28 热度：181
html head style type=text/css !-- img.pic{ max-width:300; max-height:100px; /*由于IE6.0以及以前版本的IE不支持上边两个属性,所以加上以下两条语句.这里要说明的是expression只有IE支持*/ width: expression(this.width 300 this.width / 300 = this.h[详细]
-
HTML5文件API之图片预览
所属栏目：[经验] 日期：2018-10-28 热度：146
图片上传在当今的Web应用中是一个非常常用的功能，如果不需要在上传前进行图片预览则可以简单的使用HTML+ Java script来实 现，但如果一定要在上传之前提供图片预览功能则需要求助于Flash来实现。不过，随着HTML5 File API的诞生这一状况终于有了改观，本[详细]
-
如何创建CSS的对象？获取合适的粒度！
所属栏目：[经验] 日期：2018-10-28 热度：198
在上一篇文章中 ，我说到： 强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿，因为的CSS和HTML需要比PHP更细致的对象结构。事实上，PHP的模板不是天生合适的，因为每个模板包含了许多不同的HTML，以及以不同的方式相结合的CSS对象[详细]
-
HTML与CSS中的视觉语义
所属栏目：[经验] 日期：2018-10-28 热度：62
你和用户之间的网站堆栈（简化版） 在TXJS大会的最后一天，一个开发者问我： 面向对象的CSS没有给你留下一大堆基于表现的class名? 网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件，人们对于HTML和CSS的期望是一样一样的。H[详细]
