-
利用CSS定义打开新窗口最正确的方法
所属栏目:[经验] 日期:2018-08-29 热度:60
烈火教程 最早知道的可通过验证的新窗口打开方法是阿捷(网页设计师)的文章利用JS去实现,但是这种方法有一个坏处,有时候会使得这段JS与其它和JS冲突! 于是,我找到了另外一种纯CSS的打开新窗口(懒人图库)的办法,可是这种方法却通不过验证,那么只好加点[详细]
-
CSS BUG与技巧之IE6空标签高度问题
所属栏目:[经验] 日期:2018-08-29 热度:200
一个空div如果高度设置为0到19px,IE6下高度默认始终19PX。 例如: !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/xhtmlheadFCK:meta http-eq[详细]
-
CSS bug与技巧之容器高度等小集合
所属栏目:[经验] 日期:2018-08-29 热度:168
关于容器的包涵关系 很多时候,尤其是容器内有平行布局,例如两、三个float的div时,宽度很容易出现问题。在IE中,外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 关于高度的问题 如果是动态地添加内容,高度最好不要[详细]
-
CSS BUG与技巧之容器不扩展问题
所属栏目:[经验] 日期:2018-08-29 热度:176
容器不扩展问题 这个是经常在我切图的时候遇到的问题,如: !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/xhtmlheadFCK:meta http-equiv=Con[详细]
-
CSS教程:Float菜单水平居中的实现方法
所属栏目:[经验] 日期:2018-08-29 热度:124
当HTML元素CSS属性float之后,很难让整体菜单水平居中,可是,我们会想办法来解决这个问题。 我们先写HTML代码,可以看出,跟一般的菜单没有区别。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS Sprites 图片整合技术的实现方法
所属栏目:[经验] 日期:2018-08-29 热度:192
技术优势: CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。 实现方法: 1、首先将小图片整合到一张大的图片上。 2、然后根据具体图标在大图上的位置,给背景定位。( background-position:-7px -17px; )[详细]
-
如何用 CSS 隐藏超出显示宽度的内容
所属栏目:[经验] 日期:2018-08-26 热度:57
烈火网(LieHuo.Net)教程 如何用 CSS 隐藏超出显示宽度的内容。需要注意的是,这个东东只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。 这个写法只有IE会有...,其它的浏览器文本超出指定宽度时会隐藏。 对于表格文字溢出的定义:[详细]
-
XHTML模块化布局的好处与实例
所属栏目:[经验] 日期:2018-08-26 热度:64
烈火网(LieHuo.Net)教程 模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功能。 模块具有以下几种基本属性:接口、功能、逻[详细]
-
CSS实例教程:教你如何定位(组图)
所属栏目:[经验] 日期:2018-08-26 热度:177
烈火网(LieHuo.Net)教程 今天来介绍一下如何通过css定位,与以往不同今天通过看图方式,用css定位布局(LIEHUO.NET转自蓝色理想)。先来看一下需要定位的图片演示: (图一) 先来看图一,共分为三大部分,分别是:header,wrap与footer,其中在wrap的层中又[详细]
-
十步掌握CSS布局定位(译)
所属栏目:[经验] 日期:2018-08-26 热度:60
烈火网(LieHuo.Net)教程 无意中看到此文,因作者强调其中避开了浏览器bug/分歧,所以个人认为值得借鉴。不才仔细看了此文,自觉受益匪浅 ,屡试不爽,佩服作者对css布局的精炼总结,顺便小译了一段,英文水平有限,且个人通常写写php,对css了解不深却有点[详细]
-
怎么给div+css样式表命名的规则
所属栏目:[经验] 日期:2018-08-26 热度:198
烈火网(LieHuo.Net)教程 刚开始写div+css样式表的时候,是记不住那些css样式的属性, 可现在最让我头疼的不是怎么写样式,而是给div+css样式起名,怎么样起才合适呢?要是就几行或几十行代码吧!就根据英文单词就行了。可是要是多了那就不好写了,有时候就[详细]
-
HTML 4.01、XHTML 1.0 Strict和Transitional 的区别
所属栏目:[经验] 日期:2018-08-22 热度:95
XHTML这个被认为是HTML 4的继任者,是HTML和XML的结合体。通过结合 XML和HTML的功能,XHTML使得Web内容更易于被电话、手持设备以及电视等访问。W3C将XHTML 1.0分为三种规范:Strict(严格)、Transitional(过渡)和Frameset(框架)。 XHTML 1.0 Strict([详细]
-
CSS样式分析:前景色、背景、边框
所属栏目:[经验] 日期:2018-08-22 热度:191
烈火网(LieHuo.Net)教程 CSS样式分析:前景色、背景、边框。前景色:color。color对border的影响: 前景色影响边框颜色可以看到p边框的颜色是和color的颜色是一样的。 背景:元素的背景区包含前景之下知道边框外边界的所有空间,包含内容框、内边距,且延[详细]
-
实例教程:理解CSS浮动(Float)属性
所属栏目:[经验] 日期:2018-08-22 热度:59
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 CSS 浮动 请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的[详细]
-
浏览器不能正常解析CSS代码的解决办法
所属栏目:[经验] 日期:2018-08-22 热度:110
烈火网(LieHuo.Net)教程 网页采用了utf-8编码格式,这本来没有问题,问题是外部css文件默认是 ansi编码,并没有保存为utf-8格式。可能你会发现在一般情况下这样也是没有问题的,然而当css文件中包含有中文注释时就可能不尽如人意了! 估计是ie6版本以下的浏[详细]
-
如何实现 CSS 两个 DIV 平行存放
所属栏目:[经验] 日期:2018-08-22 热度:195
烈火网(LieHuo.Net)教程 如何实现 CSS 两个 DIV 平行存放? 先看css样式部分: 再来看HTML代码:[详细]
-
从print css谈样式表的媒介(media)属性
所属栏目:[经验] 日期:2018-08-22 热度:158
烈火网(LieHuo.Net)教程 平时留意到许多成熟的web系统会带一个文件名类似于print.css的样式表,不知道其作用,今天抽空研究一下,发表些总结。 原来print.css是专门给打印机设备定义样式的,可以用如下几种方式定义print css: 其实print是样式表(stylesh[详细]
-
CSS教程:line-height的继承问题
所属栏目:[经验] 日期:2018-08-22 热度:84
烈火网(LieHuo.Net)教程 平时经常见到的line-height竟包含很多鲜为人知的事。line-height的值可以为:length|percentage|number| noromal | inherit。em,px和百分数都相对于元素的font-size值计算。但是当一个块级元素继承另一个元素的line-height属性时[详细]
-
CSS系列教程:利用clip剪裁矩形图片
所属栏目:[经验] 日期:2018-08-22 热度:81
烈火网(LieHuo.Net)教程 应用clip属性需要注意的两点: 一、clip属性必须和定位属性postion一起使用才能生效。 二、clip裁切的计算坐标都是以左上角即(0,0)点开始计算,如图三所示,这点不像padding和margin,它们两个的右边距和下边距是从最右边和最下[详细]
-
CSS实现鼠标经过链接文本提示信息
所属栏目:[经验] 日期:2018-08-22 热度:155
烈火网(LieHuo.Net)教程 本文介绍以纯CSS 实现的鼠标经过文本时提示的信息的效果,欢迎大家学习并提出宝贵意见,烈火(liehuo.net)网会做的更好。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr[详细]
-
CSS基础教程:两列布局的实例代码
所属栏目:[经验] 日期:2018-08-22 热度:137
烈火网(LieHuo.Net)教程 css作为今天网页制作的主要语言,已经成为每个站长必学的东西,如果您还不会css,还在用dw制作table的网页,那么您的网站就可能无法得到有效的seo和其它性能优化,从而丢掉市[详细]
-
css教程:如何让DIV垂直居中的实现办法
所属栏目:[经验] 日期:2018-08-18 热度:187
【烈火建站学院文档】今天本站小编经过今天一翻改进,终于找出了解决DIV垂直居中的办法。 !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/xhtm[详细]
-
CSS基础文章:CSS3的新特性介绍
所属栏目:[经验] 日期:2018-08-18 热度:164
边框:(Borders) border-color:控制边框颜色,并且有了更大的灵活性,可以产生渐变效果 border-image:控制边框图象 border-corner-image:控制边框边角的图象 border-radius:能产生类似圆角矩形的效果 背景(Backgrounds) background-origin:决定了背景在盒[详细]
-
CSS实例教程:代码属性分组的写法例子
所属栏目:[经验] 日期:2018-08-18 热度:175
烈火建站学院文档 前段时间论坛搞的那话题貌似后面没人讨论了,也没想跟贴了,自己也不是很专业,SO,现在有点想法就放这儿来。 虽然那贴后来没人跟了,嘿嘿,不过我倒是这几天一直在想,在想讨论下去还会讨论出怎么个写/排法。其实CSS代码的写法还以考虑[详细]
-
关于在CSS中关于字体处理效果的思考
所属栏目:[经验] 日期:2018-08-18 热度:126
字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影[详细]