-
input、select居中不兼容浏览器的解决方法
所属栏目：[经验] 日期：2018-09-28 热度：122
css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异： 1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。 2.input里面输入的文字行高存在差别，有空隙等等。 3....混排时，外层标签不[详细]
-
IE6、IE7、IE8浏览器下CSS不兼容的解决分析
所属栏目：[经验] 日期：2018-09-28 热度：135
IE6里DIV错位的问题 采用FLOAT：LEFT的DIV在 IE8 、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加margin-left:-5px;或者更[详细]
-
CSS 背景透明而文字不透明的方法代码
所属栏目：[经验] 日期：2018-09-28 热度：80
本文要介绍的是CSS 背景透明而文字不透明的效果，本实现方法支持多个浏览器，包括：IE、 Firefox 、 Chrome 、 Opera 等。 实例代码如下：[详细]
-
CSS 实现文字、DIV层水平自适应屏幕大小
所属栏目：[经验] 日期：2018-09-28 热度：79
烈火网(LieHuo.Net)CSS教程，本文给大家介绍的是CSS 水平自适应的实现代码，这个与其它的水平自适应好像还有点区别，它里面的文字也会自适应，文字外的DIV同样也会随着浏览器窗口的大小而水平适应，大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目：[经验] 日期：2018-09-28 热度：171
烈火网(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-23 热度：91
烈火网(LieHuo.Net)CSS教程，今天我们来探讨一下CSS的纵向自适应的问题，也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
IE与FF实现纯英文纯数字字符自动换行
所属栏目：[经验] 日期：2018-09-23 热度：108
IE与FF实现纯英文纯数字字符自动换行 来源：http://www.heiniuhaha.cn/blog/?p=1112 IE css code： FF js code：[详细]
-
CSS 多个子框架居中
所属栏目：[经验] 日期：2018-09-23 热度：132
有时我们需要令一个宽度固定的容器里的子框架居中（例如一个 Div ，或者其他 block 级元素），如果子框架只有一个的话，我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中，并且等分父框架剩余的空间的话，我们对所[详细]
-
写HTML和CSS的新方法
所属栏目：[经验] 日期：2018-09-23 热度：113
Zen Coding 一个用来简化编写 HTML，XML， XSL （或是其它一些诸如此类格式的编辑器）。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML，很像CSS语法。下面是一个例子： div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子： div id=[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目：[经验] 日期：2018-09-23 热度：86
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容IE、 火狐浏览器 。随烈火一起来看一下吧。 body { cursor:url(images/liehuo_net.cur), url(/images/liehuo_net.cur), auto;} 烈火提示： IE中，Url可以是相对路径，也可以是绝对路径 。 FF中，Url只[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)-2
所属栏目：[经验] 日期：2018-09-23 热度：62
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入，说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里，要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目：[经验] 日期：2018-09-23 热度：180
第一种添加方式： document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式： document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档：浏览器默认HTML的CSS样式属性
所属栏目：[经验] 日期：2018-09-23 热度：185
这个浏览器默认HTML的CSS样式属性，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。 以前一直在找这份文档，今天偶然在w3上看到了。除了inline和block的定义，[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目：[经验] 日期：2018-09-23 热度：94
IE6下设置了z-index层仍无法置顶的问题，前几天与几个朋友一起探讨，现在把解决方法通过烈火告诉大家。 层代码如下： div id=ad_top/div div id=topstory/div 样式代码如下： .ad_top { z-index:999; } .topstory { z-index:-999; float:left; } 最终解决[详细]
-
闲谈CSS3动画
所属栏目：[经验] 日期：2018-09-23 热度：188
随着CSS3越来越热，CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头，小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强，不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解，希望能对大家有所帮助[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)–1
所属栏目：[经验] 日期：2018-09-16 热度：73
CSS3 标准里引入了一些新的盒子模型参数，在 CSS2 的基础上，我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看 这个文档 。 通过学习和测试，我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中，我的所有[详细]
-
CSS入门技巧：关于CSS样式表的教程
所属栏目：[经验] 日期：2018-09-16 热度：68
本例为CSS入门系列教程，在这一课中我们将学习CSS的样式表，主要学习在学习css之前你应该掌握哪些基础知识，认识CSS以及如何使用CSS，希望能给对网页制作感兴趣的朋友带来帮助~~ 推荐阅读： CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教[详细]
-
CSS入门技巧七则：语法基础教程
所属栏目：[经验] 日期：2018-09-16 热度：52
本例为CSS入门系列教程，在这一课中我们将学习CSS的语法基础，主要学习CSS的基本语法、选择符组、类选择符、ID选择符、包含选择符、 样式表的层叠性以及，希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之语法基础 1. 基本语法 CSS的定义是由三个部[详细]
-
点击超级链接后不显示虚线边框的代码
所属栏目：[经验] 日期：2018-09-16 热度：119
烈火网(LieHuo.Net)HTML教程:让链接点击后不显示虚线框，如果在我们不定义的时候，一般的链接在点击后会出现一个虚线边框，其实这样做也有好处，可以告诉用户你点击了哪里的链接，不过有些用户有别的用途，不想显示这种虚线框，那么有什么办法吗？其实很简[详细]
-
Css3 弹性盒模型介绍（附DEMO演示）
所属栏目：[经验] 日期：2018-09-16 热度：132
Css3引入了新的盒模型弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。 使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局[详细]
-
跨浏览器 CSS 阴影的实现方法
所属栏目：[经验] 日期：2018-09-16 热度：159
阴影是最常用的 CSS 效果之一，CSS3 标准已经增加了阴影属性，下面讨论一下阴影在各种浏览器里的实现方法。 CSS3 阴影 CSS3 里使用 box-shadow 属性定义块的阴影，基本语法如下： box-shadow: 3px 3px 4px #000; 上面的样式里，前面两个 3px 表示阴影在 xy[详细]
-
WEB 网页固定大小并且居中显示的方法
所属栏目：[经验] 日期：2018-09-16 热度：153
方法一：针对无框架的页面。 其实就是设定Table的属性来实现。 table width=100% height=100% border=1 tr td align=center valign=top table width=980px height=100% border=1 tr td !-- 此处放置你的页面内容 -- /td /tr /table /td /tr /table 方法二[详细]
-
教你如何获取网页中FLASH的链接地址
所属栏目：[经验] 日期：2018-09-16 热度：68
方法一：先看看页面上有没有全屏播放，下载之类的链接，要是有的话就方便了，点下这个链接，会弹出全屏播放的窗口，复制地址栏你的地址就是了！ 方法二：查看源码法！ 一般的网页打开后，先选择浏览器菜单里的查看－＞源文件（或在页面的空白地方点鼠标右[详细]
-
如何复制网页上不能选中的文字？
所属栏目：[经验] 日期：2018-09-16 热度：132
我们在上网浏览网页时，当看到自己需要或者精彩的内容时，就想选取某些文本或图片复制下来保存到本地硬盘中。可按住鼠标左键拖动，无论如何也无法选中需要的文字。当然也就不能复制网页中的文字了。这是有些网站为了保护自己的内容运用了一些技术手段让我[详细]
-
良好的DIV+CSS的命名规则有利于SEO优化
所属栏目：[经验] 日期：2018-09-16 热度：188
一、CSS文件及样式命名 1、CSS文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 2、CSS样式命名规范 本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数[详细]
浙公网安备 33038102330570号