-
CSS BUG与技巧之IE6空标签高度问题
所属栏目:[经验] 日期:2018-08-29 来源:DaWei
一个空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 来源:DaWei
关于容器的包涵关系 很多时候,尤其是容器内有平行布局,例如两、三个float的div时,宽度很容易出现问题。在IE中,外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 关于高度的问题 如果是动态地添加内容,高度最好不要[详细]
-
CSS BUG与技巧之容器不扩展问题
所属栏目:[经验] 日期:2018-08-29 来源:DaWei
容器不扩展问题 这个是经常在我切图的时候遇到的问题,如: !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 来源:DaWei
当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 来源:DaWei
技术优势: CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。 实现方法: 1、首先将小图片整合到一张大的图片上。 2、然后根据具体图标在大图上的位置,给背景定位。( background-position:-7px -17px; )[详细]
-
从print css谈样式表的媒介(media)属性
所属栏目:[经验] 日期:2018-08-27 来源:DaWei
烈火网(LieHuo.Net)教程 平时留意到许多成熟的web系统会带一个文件名类似于print.css的样式表,不知道其作用,今天抽空研究一下,发表些总结。 原来print.css是专门给打印机设备定义样式的,可以用如下几种方式定义print css: 其实print是样式表(stylesh[详细]
-
CSS教程:line-height的继承问题
所属栏目:[经验] 日期:2018-08-27 来源:DaWei
烈火网(LieHuo.Net)教程 平时经常见到的line-height竟包含很多鲜为人知的事。line-height的值可以为:length|percentage|number| noromal | inherit。em,px和百分数都相对于元素的font-size值计算。但是当一个块级元素继承另一个元素的line-height属性时[详细]
-
CSS系列教程:利用clip剪裁矩形图片
所属栏目:[经验] 日期:2018-08-27 来源:DaWei
烈火网(LieHuo.Net)教程 应用clip属性需要注意的两点: 一、clip属性必须和定位属性postion一起使用才能生效。 二、clip裁切的计算坐标都是以左上角即(0,0)点开始计算,如图三所示,这点不像padding和margin,它们两个的右边距和下边距是从最右边和最下[详细]
-
CSS实现鼠标经过链接文本提示信息
所属栏目:[经验] 日期:2018-08-27 来源:DaWei
烈火网(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-27 来源:DaWei
烈火网(LieHuo.Net)教程 css作为今天网页制作的主要语言,已经成为每个站长必学的东西,如果您还不会css,还在用dw制作table的网页,那么您的网站就可能无法得到有效的seo和其它性能优化,从而丢掉市[详细]
-
怎样让Css的层垂直居中于浏览器
所属栏目:[经验] 日期:2018-08-25 来源:DaWei
烈火网(LieHuo.Net)教程 怎样让层垂直居中于浏览器,这里的实现方法我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二,来看代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
无法用CSS设置滚动条颜色的问题
所属栏目:[经验] 日期:2018-08-25 来源:DaWei
烈火网(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-25 来源:DaWei
烈火网(LieHuo.Net)教程 今日在论坛看到有朋友咨询,关于web标准中定义id与class有什么区别的问题,答:肯定是有重复的。以实例说明。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional[详细]
-
Css解决火狐下连续长字段自动换行
所属栏目:[经验] 日期:2018-08-25 来源:DaWei
烈火网(LieHuo.Net)教程 请直接看本站的实例代码: !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-equiv=Content-Type co[详细]
-
Css配合Table实现表格嵌套的方法
所属栏目:[经验] 日期:2018-08-25 来源:DaWei
烈火网(LieHuo.Net)教程 本文主要讲述的是关于CSS配合Table实现一个表格嵌套的效果,该效果常用于模块导航,结构清淅,代码简洁。大家不妨认真研究一下。当然,高手朋友请飘过!代码如下: htmlheadtitleCss配合Table实现表格嵌套的方法 - 烈火网(LIEHUO.[详细]
-
CSS实例:用CSS打造韩式风格网站
所属栏目:[经验] 日期:2018-08-19 来源:DaWei
韩国网站的设计风格被国内网站设计爱好者称之为韩式风格,而且现在越来越多的人正在模仿这种风格,下图为一个韩式风格的网站效果,就笔者个人觉得韩式风格的网站设计思路之所以受到大家的喜欢与其色彩变化丰富,合理应用Flash动画,结构新颖等特点是分不开[详细]
-
学习-CSS网页制作实用技巧九则
所属栏目:[经验] 日期:2018-08-19 来源:DaWei
本篇总结了一些css常用技巧,为网站重构打下基础,但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手[详细]
-
传HTML 5新标准将于2022年正式发布
所属栏目:[经验] 日期:2018-08-19 来源:DaWei
如果你是一名Web开发人员,并一直期待着下一代驱动互联网发展的新语言HTML 5标准的到来,那么很遗憾,我们这里有个坏消息告诉你你还需要等待相当长的时间! 最近,HTML 5标准的编者Ian Hickson为HTML 5的推出列出了一个时间表。他假定各个浏览器开发商会在HT[详细]
-
HTML页面中标签的语义与使用位置
所属栏目:[经验] 日期:2018-08-19 来源:DaWei
我们在52CSS.com的文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢? 在刚接触XHTML+CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索[详细]
-
css教程:网页字体及字体大小的设计
所属栏目:[经验] 日期:2018-08-19 来源:DaWei
在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪![详细]
-
CSS3属性选择符介绍
所属栏目:[经验] 日期:2018-08-19 来源:DaWei
英文原文: http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/ 中文翻译: http://www.dudo.org/article.asp?id=197 注:本文写于2006年1月,当时IE7、 IE8 和 Firefox 3还未发行,文中所有说的浏览器支持均未包括这三个版本的浏[详细]
-
CSS Alpha透明相关知识学习
所属栏目:[经验] 日期:2018-08-19 来源:DaWei
图片的透明效果是网页中需要用到的一种特殊形式,虽然不是非常的常用,但是遇到这样的需求往往有点措手不及,在webjx.com的文章中虽然有这方面的CSS实例,但还没有系统的介绍过CSS Alpha透明,我们今天共同学习一下相关的知识。 关于CSS Alpha透明的相关知[详细]
-
CSS教程:表格的nobr终极解决方案
所属栏目:[经验] 日期:2018-08-19 来源:DaWei
当你准备全面进军web标准时,有时候你是不是被表格的弄得焦头烂额呢?比如,原来使用非法的nobr现在要用什么来代替呢?今天,就让我来一个终极解决方案。 或许你已经Google到white-space: nowrap可以实现nobr,不错,但关键还有一个,那就是table-layout.[详细]
-
CSS元素的层叠与z-index设置
所属栏目:[经验] 日期:2018-08-19 来源:DaWei
我们在文章的更新中,特别注重对新手的辅导,但webjx.com面对的是广大的开发人员,大家可能会遇到各种各样的问题,有些问题很不常见,或者应用的很少,但我们依然有必要学习更多的CSS布局知识与技术,以应对可能出现的复杂多变的CSS内外形势(挺汗)。今天[详细]
-
CSS网页布局的好处与坏处
所属栏目:[经验] 日期:2018-08-19 来源:DaWei
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,webjx.com也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。 如今大部分网站仍然采用表格嵌套内容的方式来制作网站,[详细]
