-
又一例纯Css实现的圆角 代码简洁
所属栏目：[经验] 日期：2018-10-23 热度：147
感谢 www.52webui.com的投稿 以前，烈火发表过很多Css圆角的文章，有纯Css的，有Css+图像结合的，今天收到我爱设计网站长的投稿，是一款纯Css实现的圆角效果，代码简洁，没有太多美化，请大家学习与欣赏： Css部分： Copy to Clipboard 引用的内容：[www.v[详细]
-
CSS定位机制之一:普通流
所属栏目：[经验] 日期：2018-10-23 热度：70
原创。原文：http://www.swordair.com/blog/2010/08/415，转载请保留。 由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章，于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说，[详细]
-
css 美化 input 文本框与 button 按钮
所属栏目：[经验] 日期：2018-10-23 热度：200
我们会看到很多网站的文本输入框都非常漂亮哦，如taobao等，下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧，大家自己去测一下吧，很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
-
禁止缓存:给css/js加上时间戳
所属栏目：[经验] 日期：2018-10-23 热度：116
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存，到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后，常常会出现客户端没有更新，导致显示出现问题。之前我一直使用时间戳参数的方法来解决： 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目：[经验] 日期：2018-10-23 热度：118
早上了解到一个名为css border三角的技术，纯css2实现,兼容各浏览器(包括Ie6)，且效果非常好，当时即内牛满面，顿感牛人之强大。自己不敢不有样学样，赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
CSS兼容性（IE和Firefox）技巧大全
所属栏目：[经验] 日期：2018-10-16 热度：134
CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DO[详细]
-
自定义样式的input[type=range]
所属栏目：[经验] 日期：2018-10-16 热度：96
今天下午有人在群里提出个问题，能不能把自定义样式应用到HTML 5中的range元素上。晚上研究了一下，是可以实现上述的需求的。请用 Chrome 查看Demo。 代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html html head meta http-equiv[详细]
-
CSS3创建多重边框
所属栏目：[经验] 日期：2018-10-16 热度：155
是的，我们知道：我们可以为border设置它的width，这个border的宽度可以是5px，可是10px，可以是20px，可以是随意数值。 可是，你想象过可以为每1px的border单独设置颜色么？这是个什么概念？就是说，如果你为一个元素设置了10px的border，那么这10px的边[详细]
-
direction实例代码：文本排列方向的改变
所属栏目：[经验] 日期：2018-10-16 热度：200
direction用法示例：改变文本排列的方向，类似左对齐、右对齐的功能，不过又有着很大的差别，在ASP(HTML): direction是设置阴影的强度，但用在CSS中，好像还没有明确定义。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//[详细]
-
css控制滚动条位置 css控制文字方向
所属栏目：[经验] 日期：2018-10-16 热度：166
CSS 控制滚动条的位置及文本方向，运用direction改变文本方向，用overflow的scroll属性控制滚动条的位置，有意思吧，可以将滚动条显示在一块区域的左边，有反常态的使用。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//D[详细]
-
CSS换行实例：word-break 强制换行代码
所属栏目：[经验] 日期：2018-10-16 热度：135
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-16 热度：171
用CSS控制文本溢出，主要是使用了CSS中的overflow属性，关于文本溢出属性的实例，注意文本中段首部分的显示效果。平时我们用到的比较多，因此overflow的用法和使用场合有必要掌握。 html head meta http-equiv=Content-Type content=text/html; charset=ut[详细]
-
css属性实例:两个div边框内外嵌套
所属栏目：[经验] 日期：2018-10-16 热度：157
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-16 热度：122
css边框嵌套的实现代码，两个Div彼此交叉在一起，平时我们不多见吧？主要是想练习一下布局的方法，掌握两个元素边框交叉，你就可以轻易学会在网页中布局其它的小Div。 运行演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.[详细]
-
使用word-wrap:break-word使文本自动换行
所属栏目：[经验] 日期：2018-10-16 热度：142
文本框连续输入 数字111111111111111111或者 英文单词adkjsakfjsalfkjsalkdjaslkfjsalkf 会造成什么结果呢?---文字溢出,一般的处理方法是用overflow:hidden隐 藏文 字,有没有更好的解决文案呢?QA的童鞋要求自动换行. 用word-wrap:break-word即可 css手册上[详细]
-
CSS控制网页中图片的最大宽度和高度
所属栏目：[经验] 日期：2018-10-13 热度：57
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[详细]
-
CSS选择器创建个性化链接样式的教程
所属栏目：[经验] 日期：2018-10-10 热度：108
我们在设计网站的时候，有的时候需要根据页面元素的属性来制作不同的样式，比如，对于不同的链接类型，显示不同的链接图标。CSS的选择器是个很有用的技术，通过它们，我们可以很容易的实现某些效果。今天我们通过制作个性化链接样式来介绍一下CSS的属性选[详细]
-
window.open 定义窗口打开方式的代码
所属栏目：[经验] 日期：2018-10-10 热度：94
关于window.open，这是我们经常在网页开发中用到的，那么如何定义窗口的打开方式呢，比如超级链接、按钮，新窗口打开，当前窗口打开？ 下面是一些烈火整理的实例代码，没什么技术含量，方便大家查询。 以下全部是当前窗口打开，很容易的，如果想在新窗口中[详细]
-
CSS将图片设置为网页背景的基础教程
所属栏目：[经验] 日期：2018-10-10 热度：79
本文将介绍Css的基础教程，如何使用Css把图片设置为网页背景，我们都知道如何使用dw设置网页背景，那利用了html的基础语法，如下： body background=images/liehuo.gif 那么再来看一下css中是如何设置的。 HTML head titleCSS将图片设置为网页背景/title s[详细]
-
Css Position的用法：一个简单的代码实例
所属栏目：[经验] 日期：2018-10-09 热度：70
Css Position的用法：一个简单的代码实例，这是使用CSS定位属性position的实例，在使用定位属性的时候，还要使用其他的辅助属性，才能正常显示。 大家自己看代码吧！[详细]
-
网站首页顶部添加背景图片的修改代码
所属栏目：[经验] 日期：2018-10-09 热度：85
在节日的时候，我们经常看到一些门户网站的顶部添加了大幅的网页背景，还有的带关闭功能，不但给节日添加了气氛，而且获得了访客的好评。在新年就要到来之际，烈火网给大家准备了一些背景素材图片及PSD文件，需要的朋友请到这里下载。考虑到很多朋友不会使[详细]
-
如何复制网页上不能选中的文字？
所属栏目：[经验] 日期：2018-10-03 热度：84
我们在上网浏览网页时，当看到自己需要或者精彩的内容时，就想选取某些文本或图片复制下来保存到本地硬盘中。可按住鼠标左键拖动，无论如何也无法选中需要的文字。当然也就不能复制网页中的文字了。这是有些网站为了保护自己的内容运用了一些技术手段让我[详细]
-
onbeforeunload与a标签在IE中的冲突bug
所属栏目：[经验] 日期：2018-10-03 热度：85
onbeforeunload 是window的一个事件，目前 Firefox ，IE都支持，主要用来提示用户是否真的要离开该页面，通常在一些比较重要的数据提交之前，防止用户误操作导致数据丢失。典型的应用如gmail中，在写邮件的时候，如果刷新页面或者关闭页面，会出现提示。[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)-2
所属栏目：[经验] 日期：2018-10-02 热度：109
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入，说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里，要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
参考文档：浏览器默认HTML的CSS样式属性
所属栏目：[经验] 日期：2018-09-29 热度：118
这个浏览器默认HTML的CSS样式属性，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。 以前一直在找这份文档，今天偶然在w3上看到了。除了inline和block的定义，[详细]
