-
CSS 实现文字、DIV层水平自适应屏幕大小
所属栏目:[经验] 日期:2018-09-13 热度:105
烈火网(LieHuo.Net)CSS教程,本文给大家介绍的是CSS 水平自适应的实现代码,这个与其它的水平自适应好像还有点区别,它里面的文字也会自适应,文字外的DIV同样也会随着浏览器窗口的大小而水平适应,大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目:[经验] 日期:2018-09-13 热度:147
烈火网(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[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目:[经验] 日期:2018-09-11 热度:58
DIV+CSS的出现淘汰一批网页设计制作人员,又造就出一批网页设计制作人员。你属于哪类呢?DIV+CSS已经火了很久,最遭殃的算是这批网页制作人员了,本人清楚的记得当时各个公司 招聘 页面自作人员的情况,DIV+CSS技术几乎成了找到好工作的敲门砖,一时间会DI[详细]
-
CSS自适应图片大小的兼容性的问题分析
所属栏目:[经验] 日期:2018-09-11 热度:130
问题: 我想通过css实现对图片大小的自适应,通过以下代码在ie7和 Firefox 中已经可以正常显示了,但是在ie6里面,宽比高大的(横起的)图片总是比高比宽大的(竖起的)图片矮10个xp,谁知道是为什么啊? Copy to Clipboard 引用的内容:[www.veryhuo.com][详细]
-
网页制作HTML代码学习教程入门
所属栏目:[经验] 日期:2018-09-11 热度:162
HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示[详细]
-
分析:CSS在IE6、IE7和IE8中的差别
所属栏目:[经验] 日期:2018-09-11 热度:179
关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6,7和8共存。截至本文,Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区,这个数字要小很多,统计显示大概只有40%。 这些统计中比较有趣的部分是,IE6、IE7、IE8之间[详细]
-
CSS Sprites 将小图片整合到一起
所属栏目:[经验] 日期:2018-09-11 热度:139
css中用一张背景图做页面的技术有什么优势? 就在于下面的介绍 简单介绍一下 CSS Sprites 的优点: 当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。 CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快[详细]
-
教你玩转CSS3色彩
所属栏目:[经验] 日期:2018-09-11 热度:74
传统来说,大家在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-11 热度:125
我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求. 罪行1:把块级元素放入了内联元素内 HTML 元素的[详细]
-
CSS教程:dl dt dd标签的简单用法
所属栏目:[经验] 日期:2018-09-11 热度:163
我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,下面说一下大概的用法: dl标记定义了一个定义列表,定义列表中的条目是通过使用dt标记(definition title,定义标题)和dd标记(definition description,定义描述)[详细]
-
CSS技巧之如何组织和注释CSS文件
所属栏目:[经验] 日期:2018-09-11 热度:63
关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.如果你有更好的方法请告诉大家让大家一起分享..... 当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们[详细]
-
如何使用 CSS 隐藏网页文字?
所属栏目:[经验] 日期:2018-09-11 热度:115
1.隐 藏文 本和链接:采用隐藏的手段在网页上放置许多文本和链接,浏览者看不到隐藏文本而搜索引擎可以爬取到,从而欺骗搜索引擎对网页关键词的判断。这些手段包括: * 将文本和链接的颜色设置与背景一样 * 将文本堆积在图片后 * 使用 CSS 隐藏文本,如:[详细]
-
5 个简单但非常实用的 CSS 属性
所属栏目:[经验] 日期:2018-09-07 热度:179
这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉,但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性,我指的是旧的 CSS2 中的属性,如:clip,min-height,white-space,curosr 和 display 等一些被所有浏览器广泛支持的属性。因此,千万不要[详细]
-
关于iframe的一点发现与思考
所属栏目:[经验] 日期:2018-09-07 热度:167
用了很久的iframe,一直觉得很好用。一般情况头部,底部包括部分侧边栏都会放到iframe里面。用了那么多,今天才发现对他了解的那么少。 这还得从今天一个意外的发现说起。公司有几个网站。互相之间都有链接放到友链里。刚换了个链接要检查一下,用站长工具[详细]
-
隐藏滚动条的多种方法与实例分析
所属栏目:[经验] 日期:2018-09-03 热度:128
在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个 bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案, 方法1: 代码: html { overflow-y: scroll[详细]
-
Div vertical-align 不起作用解决办法
所属栏目:[经验] 日期:2018-09-03 热度:143
div vertical-align不起作用解决办法 要加上line-height,并且加上 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd CSS代码: #div-a{ height:60px; line-height:60px; } XHTML代[详细]
-
CSS3 target 和 focus 伪类 (附演示)
所属栏目:[经验] 日期:2018-09-03 热度:126
CSS3里的 target 和 focus 伪类都是针对特定元素的选择器,可以用来突出元素的位置。 target 伪类 target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色,可以这样写 *:target { color : red }。[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目:[经验] 日期:2018-08-30 热度:136
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现,实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果,在深入的复杂效果变化就非常多了,[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目:[经验] 日期:2018-08-30 热度:145
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目:[经验] 日期:2018-08-30 热度:186
页面域关系: 主页面a.html所属域A:www.taobao.com 被iframe的页面b.html所属域B:www.alimama.com,假设地址:http://www.alimama.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且[详细]
-
技巧:css列的高度自适应控制
所属栏目:[经验] 日期:2018-08-30 热度:135
越来越多的站长加入到互联网的队伍,随着网页w3c标准的逐渐普及,css早已替代古老的表格式网页,烈火网为广大网友精心准备了许多关于CSS的教程,今天我们就来学习一下关于列的控制: 在上文中,我们都已经注明了关于CSS的使用,欢迎大家继续关注烈火网[详细]
-
实例:CSS hacks实现跨浏览器多列布局
所属栏目:[经验] 日期:2018-08-30 热度:87
烈火网(LieHuo.Net)网页制作 利用纯CSS创建一个等高多列的布局并不件易事,本教程将着重分析出现在多列布局的多个问题,然后为大家等来一个简单全浏览器通吃的解决方法,不使用图片,脚本,CSS hacks并在最严格的XHTML 规范中都能通过验证。 问题的症结所[详细]
-
怎样让Css的层垂直居中于浏览器
所属栏目:[经验] 日期:2018-08-27 热度:145
烈火网(LieHuo.Net)教程 怎样让层垂直居中于浏览器,这里的实现方法我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二,来看代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
无法用CSS设置滚动条颜色的问题
所属栏目:[经验] 日期:2018-08-27 热度:173
烈火网(LieHuo.Net)教程 为什么web标准中,IE无法设置滚动条颜色了。。。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-[详细]
-
Css中id与class的区别是什么
所属栏目:[经验] 日期:2018-08-27 热度:83
烈火网(LieHuo.Net)教程 今日在论坛看到有朋友咨询,关于web标准中定义id与class有什么区别的问题,答:肯定是有重复的。以实例说明。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional[详细]