-
网页中动态加载 CSS 的四种不同方法
所属栏目:[经验] 日期:2018-09-14 热度:183
第一种添加方式: document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式: document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档:浏览器默认HTML的CSS样式属性
所属栏目:[经验] 日期:2018-09-14 热度:198
这个浏览器默认HTML的CSS样式属性,在你需要还原默认值的时候,比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。 以前一直在找这份文档,今天偶然在w3上看到了。除了inline和block的定义,[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目:[经验] 日期:2018-09-14 热度:77
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 热度:103
随着CSS3越来越热,CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头,小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强,不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解,希望能对大家有所帮助[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)–1
所属栏目:[经验] 日期:2018-09-14 热度:193
CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看 这个文档 。 通过学习和测试,我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中,我的所有[详细]
-
CSS入门技巧:关于CSS样式表的教程
所属栏目:[经验] 日期:2018-09-14 热度:174
本例为CSS入门系列教程,在这一课中我们将学习CSS的样式表,主要学习在学习css之前你应该掌握哪些基础知识,认识CSS以及如何使用CSS,希望能给对网页制作感兴趣的朋友带来帮助~~ 推荐阅读: CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教[详细]
-
CSS入门技巧七则:语法基础教程
所属栏目:[经验] 日期:2018-09-14 热度:119
本例为CSS入门系列教程,在这一课中我们将学习CSS的语法基础,主要学习CSS的基本语法、选择符组、类选择符、ID选择符、包含选择符、 样式表的层叠性以及,希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之语法基础 1. 基本语法 CSS的定义是由三个部[详细]
-
点击超级链接后不显示虚线边框的代码
所属栏目:[经验] 日期:2018-09-14 热度:171
烈火网(LieHuo.Net)HTML教程:让链接点击后不显示虚线框,如果在我们不定义的时候,一般的链接在点击后会出现一个虚线边框,其实这样做也有好处,可以告诉用户你点击了哪里的链接,不过有些用户有别的用途,不想显示这种虚线框,那么有什么办法吗?其实很简[详细]
-
Css3 弹性盒模型介绍(附DEMO演示)
所属栏目:[经验] 日期:2018-09-14 热度:143
Css3引入了新的盒模型弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)相似,其它语言也使用相同的盒模型,如XAML 、GladeXML。 使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局[详细]
-
教你玩转CSS3色彩
所属栏目:[经验] 日期:2018-09-12 热度:71
传统来说,大家在CSS中使用的颜色要么是16进制格式,要么是rgb格式,就像rgb(171,205,239)。 CSS3带来了一些新的处理颜色的方法,比如使用HSL(Hue, Saturation, Light) 和opacity/alpha通道。不幸的是,现在只有 Firefox 3+, Chrome 1.0+ 和 Safari 3+ 以[详细]
-
10大HTML标签常犯的错误 看你错了几个
所属栏目:[经验] 日期:2018-09-12 热度:61
我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求. 罪行1:把块级元素放入了内联元素内 HTML 元素的[详细]
-
CSS教程:dl dt dd标签的简单用法
所属栏目:[经验] 日期:2018-09-12 热度:91
我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,下面说一下大概的用法: dl标记定义了一个定义列表,定义列表中的条目是通过使用dt标记(definition title,定义标题)和dd标记(definition description,定义描述)[详细]
-
CSS技巧之如何组织和注释CSS文件
所属栏目:[经验] 日期:2018-09-12 热度:138
关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.如果你有更好的方法请告诉大家让大家一起分享..... 当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们[详细]
-
如何使用 CSS 隐藏网页文字?
所属栏目:[经验] 日期:2018-09-12 热度:170
1.隐 藏文 本和链接:采用隐藏的手段在网页上放置许多文本和链接,浏览者看不到隐藏文本而搜索引擎可以爬取到,从而欺骗搜索引擎对网页关键词的判断。这些手段包括: * 将文本和链接的颜色设置与背景一样 * 将文本堆积在图片后 * 使用 CSS 隐藏文本,如:[详细]
-
在CSS2和CSS3下实现圆角的方法
所属栏目:[经验] 日期:2018-09-09 热度:166
烈火网(LieHuo.Net)教程 在以前的文章中,烈火网不止一次提到过CSS圆角的教程(查看详细),今天在Bolo's blog再次看到关于CSS圆角的实现,有所不同的是,Bolo's blog中分别讲到CSS2与CSS3的实现方法。 推荐阅读:CSS中文手册 步入正文: 在网页设计越来越[详细]
-
HTML入门教程:打开新窗口和弹出窗口
所属栏目:[经验] 日期:2018-09-09 热度:150
一、 基本变化 参数解释: window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替; 100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素[详细]
-
网页内使用CSS添加横向滚动条的实例
所属栏目:[经验] 日期:2018-09-09 热度:115
通常要控制页面显示在固定的空间内,我们选择用滚动栏的方式来拓展空间。 横向的滚动栏。 本文中总结了在Html中设置横向的滚动栏的代码,供大家参考。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titlehtml页面内加横向滚动[详细]
-
如何使用 CSS 设置段落间距
所属栏目:[经验] 日期:2018-09-09 热度:51
段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单,你能否通过CSS有效率地设置段落间距呢? 网页设计里的文字排版问题 作为网页设计师,我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin),但一个段落里[详细]
-
使用CSS绘制表格斜线
所属栏目:[经验] 日期:2018-09-09 热度:182
关于CSS对斜线和圆角的文章,烈火网在以前曾经多次提到,今天正好有位朋友咨询关于使用CSS制作斜线的问题,就把方法告诉他,同时拿来记录一下,方便大家使用: div style=border-top:solid 40px blue;border-left:solid 40px red;height:160px;width:400px[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目:[经验] 日期:2018-09-09 热度:200
DIV+CSS的出现淘汰一批网页设计制作人员,又造就出一批网页设计制作人员。你属于哪类呢?DIV+CSS已经火了很久,最遭殃的算是这批网页制作人员了,本人清楚的记得当时各个公司 招聘 页面自作人员的情况,DIV+CSS技术几乎成了找到好工作的敲门砖,一时间会DI[详细]
-
CSS自适应图片大小的兼容性的问题分析
所属栏目:[经验] 日期:2018-09-09 热度:137
问题: 我想通过css实现对图片大小的自适应,通过以下代码在ie7和 Firefox 中已经可以正常显示了,但是在ie6里面,宽比高大的(横起的)图片总是比高比宽大的(竖起的)图片矮10个xp,谁知道是为什么啊? Copy to Clipboard 引用的内容:[www.veryhuo.com][详细]
-
网页制作HTML代码学习教程入门
所属栏目:[经验] 日期:2018-09-09 热度:73
HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示[详细]
-
分析:CSS在IE6、IE7和IE8中的差别
所属栏目:[经验] 日期:2018-09-09 热度:78
关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6,7和8共存。截至本文,Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区,这个数字要小很多,统计显示大概只有40%。 这些统计中比较有趣的部分是,IE6、IE7、IE8之间[详细]
-
CSS Sprites 将小图片整合到一起
所属栏目:[经验] 日期:2018-09-09 热度:102
css中用一张背景图做页面的技术有什么优势? 就在于下面的介绍 简单介绍一下 CSS Sprites 的优点: 当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。 CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快[详细]
-
浅谈 Iframe 和 FRAME 的区别
所属栏目:[经验] 日期:2018-09-07 热度:149
一、Iframe标记的使用 提起Iframe,可能你早已将之扔到被遗忘的角落了,不过,说起其兄弟Frame就不会陌生了。Frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有一个教程,是一节一节地[详细]