-
CSS 背景透明而文字不透明的方法代码
所属栏目:[经验] 日期:2018-09-17 热度:80
本文要介绍的是CSS 背景透明而文字不透明的效果,本实现方法支持多个浏览器,包括:IE、 Firefox 、 Chrome 、 Opera 等。 实例代码如下:[详细]
-
CSS 实现文字、DIV层水平自适应屏幕大小
所属栏目:[经验] 日期:2018-09-17 热度:170
烈火网(LieHuo.Net)CSS教程,本文给大家介绍的是CSS 水平自适应的实现代码,这个与其它的水平自适应好像还有点区别,它里面的文字也会自适应,文字外的DIV同样也会随着浏览器窗口的大小而水平适应,大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目:[经验] 日期:2018-09-17 热度:173
烈火网(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-16 热度:179
烈火网(LieHuo.Net)CSS教程,今天我们来探讨一下CSS的纵向自适应的问题,也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
IE与FF实现纯英文纯数字字符自动换行
所属栏目:[经验] 日期:2018-09-16 热度:104
IE与FF实现纯英文纯数字字符自动换行 来源:http://www.heiniuhaha.cn/blog/?p=1112 IE css code: FF js code:[详细]
-
CSS 多个子框架居中
所属栏目:[经验] 日期:2018-09-16 热度:143
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中,并且等分父框架剩余的空间的话,我们对所[详细]
-
写HTML和CSS的新方法
所属栏目:[经验] 日期:2018-09-16 热度:135
Zen Coding 一个用来简化编写 HTML,XML, XSL (或是其它一些诸如此类格式的编辑器)。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML,很像CSS语法。下面是一个例子: div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子: div id=[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目:[经验] 日期:2018-09-16 热度:51
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容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-14 热度:102
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入,说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里,要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目:[经验] 日期:2018-09-14 热度:170
第一种添加方式: document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式: document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档:浏览器默认HTML的CSS样式属性
所属栏目:[经验] 日期:2018-09-14 热度:88
这个浏览器默认HTML的CSS样式属性,在你需要还原默认值的时候,比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。 以前一直在找这份文档,今天偶然在w3上看到了。除了inline和block的定义,[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目:[经验] 日期:2018-09-14 热度:93
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-14 热度:184
随着CSS3越来越热,CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头,小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强,不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解,希望能对大家有所帮助[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)–1
所属栏目:[经验] 日期:2018-09-14 热度:78
CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看 这个文档 。 通过学习和测试,我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中,我的所有[详细]
-
CSS入门技巧:关于CSS样式表的教程
所属栏目:[经验] 日期:2018-09-14 热度:142
本例为CSS入门系列教程,在这一课中我们将学习CSS的样式表,主要学习在学习css之前你应该掌握哪些基础知识,认识CSS以及如何使用CSS,希望能给对网页制作感兴趣的朋友带来帮助~~ 推荐阅读: CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教[详细]
-
CSS入门技巧七则:语法基础教程
所属栏目:[经验] 日期:2018-09-14 热度:189
本例为CSS入门系列教程,在这一课中我们将学习CSS的语法基础,主要学习CSS的基本语法、选择符组、类选择符、ID选择符、包含选择符、 样式表的层叠性以及,希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之语法基础 1. 基本语法 CSS的定义是由三个部[详细]
-
点击超级链接后不显示虚线边框的代码
所属栏目:[经验] 日期:2018-09-14 热度:170
烈火网(LieHuo.Net)HTML教程:让链接点击后不显示虚线框,如果在我们不定义的时候,一般的链接在点击后会出现一个虚线边框,其实这样做也有好处,可以告诉用户你点击了哪里的链接,不过有些用户有别的用途,不想显示这种虚线框,那么有什么办法吗?其实很简[详细]
-
Css3 弹性盒模型介绍(附DEMO演示)
所属栏目:[经验] 日期:2018-09-14 热度:86
Css3引入了新的盒模型弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)相似,其它语言也使用相同的盒模型,如XAML 、GladeXML。 使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局[详细]
-
前台开发从头说起:谈谈CSS选择符
所属栏目:[经验] 日期:2018-09-12 热度:97
以前我接受了网上不少博文的说法,一直认为学习css的三大最重要问题是:盒模型、定位、浮动。因为这三块的内容决定了css布局的能力。但是通过上一篇文章的分析,xhtml要实现和css的解耦,就要尽量不依赖于css(或者说不要纯粹为了给css预留接口而添加不必[详细]
-
CSS3:nth-child()伪类选择器
所属栏目:[经验] 日期:2018-09-12 热度:192
CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上标准。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性[详细]
-
CSS同辈元素定位方式与z-index的总结
所属栏目:[经验] 日期:2018-09-12 热度:61
烈火网(LieHuo.Net)教程 CSS同辈元素定位方式与z-index的总结,同辈元素定位方式相同,且无z-index设置时,html靠后者居上,请看下面的示例源码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-t[详细]
-
多浏览器兼容性问题及解决方案之CSS篇
所属栏目:[经验] 日期:2018-09-12 热度:117
CSS跟 Java Script开发中,最令大家头疼的问题就是浏览器兼容性了,虽然很多文章有这方面的文章,但依然让很多开发人员晕头转向,而且也不够全面。这篇文章,将全面收集css在各种浏览器下的兼容性报告,以及浏览器的渲染bug,也期待各位不断补充。 兼容性[详细]
-
用css3 tranistions实现平滑过渡
所属栏目:[经验] 日期:2018-09-12 热度:86
Css tranistions允许元素的属性在单位时间内发生平滑的过渡,在阅读完《CSS Transitions Module Level 3》之后,我已经被其所吸引。尽管目前只有chrome和safari浏览器支持该属性(不过目前还得使用-webkit内核关键字作为前缀),但相信在不久的将来,各主流[详细]
-
使用 CSS 自定义网页字体
所属栏目:[经验] 日期:2018-09-10 热度:160
如何使用自定义字体呢?一般的解决办法是把文字体成图片,但是有点麻烦, 不适合我的样的懒人,而且做成图片也不方便修改。还有一种是通过CSS样式定义,我选择了这种, 因为它简单易用,CSS中使用@font-face属性来实现在网页中嵌入任意字体,稍稍复杂一点的[详细]
-
IE6弹出Iframe中文本框无法获得输入焦点的问题
所属栏目:[经验] 日期:2018-09-10 热度:191
公司WEB项目要求是必须兼容FF3,IE6/7/8。本文所述为IE6下的一个BUG. 项目里面写了一个自己封装的弹出层,原理是先动态添加一个遮罩层,再动态添加一个DIV(Table)层(做弹出层的PNG半透明边框效果),DIV里面动态添加一个IFrame,这个Iframe页面指向一个现存[详细]