-
又一例纯Css实现的圆角 代码简洁
所属栏目：[经验] 日期：2018-10-14 热度：129
感谢 www.52webui.com的投稿 以前，烈火发表过很多Css圆角的文章，有纯Css的，有Css+图像结合的，今天收到我爱设计网站长的投稿，是一款纯Css实现的圆角效果，代码简洁，没有太多美化，请大家学习与欣赏： Css部分： Copy to Clipboard 引用的内容：[www.v[详细]
-
CSS定位机制之一:普通流
所属栏目：[经验] 日期：2018-10-14 热度：74
原创。原文：http://www.swordair.com/blog/2010/08/415，转载请保留。 由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章，于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说，[详细]
-
css 美化 input 文本框与 button 按钮
所属栏目：[经验] 日期：2018-10-14 热度：69
我们会看到很多网站的文本输入框都非常漂亮哦，如taobao等，下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧，大家自己去测一下吧，很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
-
禁止缓存:给css/js加上时间戳
所属栏目：[经验] 日期：2018-10-14 热度：200
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存，到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后，常常会出现客户端没有更新，导致显示出现问题。之前我一直使用时间戳参数的方法来解决： 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目：[经验] 日期：2018-10-14 热度：150
早上了解到一个名为css border三角的技术，纯css2实现,兼容各浏览器(包括Ie6)，且效果非常好，当时即内牛满面，顿感牛人之强大。自己不敢不有样学样，赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
使用word-wrap:break-word使文本自动换行
所属栏目：[经验] 日期：2018-10-12 热度：142
文本框连续输入 数字111111111111111111或者 英文单词adkjsakfjsalfkjsalkdjaslkfjsalkf 会造成什么结果呢?---文字溢出,一般的处理方法是用overflow:hidden隐 藏文 字,有没有更好的解决文案呢?QA的童鞋要求自动换行. 用word-wrap:break-word即可 css手册上[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目：[经验] 日期：2018-10-08 热度：77
按钮的写法有两种，一种是 input value=按钮/ 或者 button按钮/button，如果按钮用于表单提交，还必须加上 type 属性（type=submit）。为了美化按钮效果，一般会设置背景和边框属性。 但在 IE 下，表单区域获得焦点的情况下，如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目：[经验] 日期：2018-10-08 热度：83
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能，将表单中的文本框自动切换为英文输入模式，有意思吧，可以用于限制输入数字和字符。 此为网友投入，烈火没有测试，代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head ti[详细]
-
CSS模块化之如果组织好css?
所属栏目：[经验] 日期：2018-10-08 热度：177
在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
-
Css实现多层元素嵌套的圆角按钮
所属栏目：[经验] 日期：2018-10-08 热度：106
圆角按钮的实现看似并不困难，但会遇到如按钮宽度自适应文字长度等情况，不可能每次都切固定大小的背景图片。 自适应宽度的按钮，通常会采用类似下面的切图方法： 这样一来，只需要嵌套两层标签即可： a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
如何实现调整弹出窗口的大小？附演示
所属栏目：[经验] 日期：2018-10-08 热度：136
如何实现调整弹出窗口的大小？演示代码的实现，在window.open属性中加入resizable=yes参数值，即可实现，简单吧，试试吧。利用window.open我们还可做许多有意思的窗口特效，不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下： Copy to Clipboard[详细]
-
IE中flash遮挡div现象的解决方案
所属栏目：[经验] 日期：2018-10-08 热度：56
今天开始给网站首页的广告管理系统添加flash广告代码，结果出现IE中（包括IE6+）弹窗广告要flash遮挡的问题，后来想到了常用的iframe方法（参见《解决IE6 select z-index无效，遮挡div的bug》），最终成功了flash遮挡DIV的bug，但是在IE中还出现了浮动的DI[详细]
-
10个最容易犯的HTML标签错误
所属栏目：[经验] 日期：2018-10-08 热度：137
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,[详细]
-
CSS 树形列表布局，类似word中的编号列表
所属栏目：[经验] 日期：2018-10-07 热度：91
用CSS布局一个类似树形的列表，类似word中的编号列表，不是一般的列表，梯形的样子，这个例子是为了介绍CSS中Li的用法，平时这种树形列表不多见，希望对你学习CSS有帮助。 实例代码：Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC[详细]
-
关于 Css 清除浮动属性及相关示例
所属栏目：[经验] 日期：2018-10-07 热度：201
Css 清除浮动属性示例的小例子，不要小看清除浮动哦，有时候你忘记了这个，会把你搞的一头雾水，以为其它地方弄错了，清除浮动其实就没两句代码，但是重要性不容忽视。 实例代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -[详细]
-
CSS美化超链接Hover属性，有网页按钮效果
所属栏目：[经验] 日期：2018-10-07 热度：128
烈86火54网(LieHuo36.Net)教65程 使用CSS制作一个漂亮的按钮链接，有要原理是使用了A链接的Hover属性，定义成与A:Hover不一样的颜色和边框，这样在鼠标放上去的时候，会出现两种反差较大的效果，这就是CSS制作按钮的基本思路，对于新手来说，有助于帮助您[详细]
-
使用CSS控制打印页面格式
所属栏目：[经验] 日期：2018-10-07 热度：146
由于客户要求，打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的，所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
-
CSS3 Media Queries使用方法详解
所属栏目：[经验] 日期：2018-10-07 热度：170
在css2中允许我们使用media的属性，例如使用screen和print，我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章，关于css2中的media文章，推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print，而且支持多媒体[详细]
-
纯Css实现网页上的Tips提示之小三角箭头
所属栏目：[经验] 日期：2018-10-06 热度：90
使用纯Css实现的网页上一个Tips提示效果，相信大家都在一些大网站见到过，例如，我们经常在淘宝网上购物时看到的小提示功能，如图一，在本例子中我们仅实现了小三角箭头，并没有实现关闭功能，因为关闭功能还需要引入相应的JS才可以。 下边我们来看实例代[详细]
-
IE6中a标签location.href失效解决方法
所属栏目：[经验] 日期：2018-10-06 热度：69
今天遇见IE6一个location.href的bug，具体情况是这样的，IE6下，在a标签中，将href写成javascript:;javascript:void(0);，并且给这个标签绑定onclick事件，点击后，执行location.href实现页面跳转，例如下面的代码： a href=javascitp:; onclick=toURL()点[详细]
-
CSS中各个浏览器兼容的解决办法
所属栏目：[经验] 日期：2018-10-06 热度：181
1. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;[详细]
-
IE8 中关于 colspan 属性的 bug
所属栏目：[经验] 日期：2018-10-06 热度：192
IE8 认为所有的表格单元格都具有 colfont 属性。因此如果需要单独针对具有 colfont 属性的单元格设置样式，就有点棘手了。 td[colfont],th[colfont] {/* 注意：不管单元格是否有 colfont 属性，在 IE8 中该样式一律是生效的even if they don't have a colf[详细]
-
Css教程：可变高宽的圆角框
所属栏目：[经验] 日期：2018-10-06 热度：66
矩形框在网页中较为常见，不过个人觉得还是圆角框更为美观。那么圆角框是如何用DIV+CSS来实现的呢?假如把一张圆角框图片直接作为背景来处理，那么高宽就都被定死了，无法随内容而改变大[详细]
-
如何在html标记中调用的函数里传递对象
所属栏目：[经验] 日期：2018-10-06 热度：155
最近使用jquery结合Ajax开发一个中小型网站应用。在后台管理中要使用Ajax调用系统功能，根据Ajax的返回结果，使用 jQuery 对前台页面进行操作。 比如，使用Ajax调用删除信息的后台功能，如果返回success，则调用删除一行信息。 大体代码如下： Copy to Cli[详细]
-
Css等比例缩放图片后截取图片中的一部分
所属栏目：[经验] 日期：2018-10-06 热度：108
因为在做一个简单的相册功能，做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块，但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法 截取前： 截取后： CSS代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]img[详细]
