-
CSS技巧:字体属性简写规则
所属栏目:[经验] 日期:2018-09-16 热度:69
当使用css定义字体时你可能会这样做: 事实上你可以简写这些属性: 现在好多了吧,不过有一点要注意:使用这一简写方式你至少要指定font-size和font-family属性,其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目:[经验] 日期:2018-09-16 热度:195
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目:[经验] 日期:2018-09-16 热度:122
假如是这样的情况: 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离,可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置,overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目:[经验] 日期:2018-09-15 热度:163
之前别人也有写过,但兼容性不强,支持以下几款主流浏览器 IE6,7,firefox2,3,时间关系,css就不一一详解了,很简单。请看下面的源码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
把Flash转成Javascript/HTML5
所属栏目:[经验] 日期:2018-09-13 热度:183
SmokeScreen是这样一个开源软件,它可以把Flash的swf文件转成 Java script/HTML5,它的口号是:Flash without plugin。为什么要这样做呢?它说主要是因主Apple的iPhone/iPod/iPad不支持flash,而且看似Steve Jobs也不愿意在以后支持flash。所以,他们搞了[详细]
-
隐藏滚动条的多种方法与实例分析
所属栏目:[经验] 日期:2018-09-06 热度:63
在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个 bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案, 方法1: 代码: html { overflow-y: scroll[详细]
-
Div vertical-align 不起作用解决办法
所属栏目:[经验] 日期:2018-09-06 热度:153
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代[详细]
-
HTML 属性标记之 mailto 的用法详解
所属栏目:[经验] 日期:2018-09-06 热度:124
大家知道,mailto是网页设计制作中的一个非常实用的html标签,许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址,这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后,就能自动打开当前计算机系统中默认的电子 邮件客户端 软[详细]
-
HTML原则:内容放在HTML中,不要依赖CSS
所属栏目:[经验] 日期:2018-09-06 热度:85
内容应放在HTML中,而不应该依赖于CSS。这是HTML的一个重要原则。下面这个例子很明显的体现这个问题: 当CSS可用时,页面的内容正常。 当页面不可用,只能通过https访问时,由于此页面的CSS是http的,所以CSS失效,这个时候页面的内容也不见了,因为这个页[详细]
-
在 Mozilla UI 中书写高效率 CSS
所属栏目:[经验] 日期:2018-09-06 热度:145
原文:Writing Efficient CSS for use in the Mozilla UI 译文:在 Mozilla UI 中书写高效率 CSS 以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则。第一部分是对于 Mozilla 样式系统分类规则的一般性讨论。在了解这个系统的基础上,后续部分包含了[详细]
-
CSS3 target 和 focus 伪类 (附演示)
所属栏目:[经验] 日期:2018-09-06 热度:195
CSS3里的 target 和 focus 伪类都是针对特定元素的选择器,可以用来突出元素的位置。 target 伪类 target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色,可以这样写 *:target { color : red }。[详细]
-
CSS将五个Div层排在一行的实现方法
所属栏目:[经验] 日期:2018-09-06 热度:119
在日常的网页设计中,我们经常遇到div层的问题,一般情况下,如果我们想把两个Div层放在同一行,只需要用display:inline就可以做到了,那么您有没有想到过把五个div层放在同一行显示呢?下面就把实例代码送给大家,感谢对烈火网的支持与厚爱。 实例代码:[详细]
-
HTML 的优化杂记
所属栏目:[经验] 日期:2018-09-06 热度:128
在Perfection kills上看到他去年写的一篇文章,关于HTML优化的,讲的很详细,姑且记录之,尽管里面有些东西并不能在目前的环境里应用。在当前WEB应用逐渐前端化的潮流下,对客户端的优化越来越受到关注,如何减少代码,如何让应用快速的展示给用户,如何减[详细]
-
CSS3 nth-child 伪类的用法
所属栏目:[经验] 日期:2018-09-06 热度:163
CSS3提供了强大的伪类(pseudo-class)选择器,使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱,但当掌握了以后能大大提高你的代码效率,并且节省代码量。今天先要说的是nth-child伪类。 nth-child伪类的[详细]
-
DIV等浮层在IE6下被下拉框遮挡的处理
所属栏目:[经验] 日期:2018-09-06 热度:65
由于IE6中DropDownList是Browser调用的系统控件,这种组件的显示优先级比普通的IE控件高,浮动层中的控件就不能够遮盖这些系统控件。 解决的办法是:做两个浮动层,一个浮动层的根标签是IFrame,另一个浮动层的根标签是Div,两个浮动层的位置、大小均相等,[详细]
-
如何用 CSS 隐藏超出显示宽度的内容
所属栏目:[经验] 日期:2018-08-28 热度:91
烈火网(LieHuo.Net)教程 如何用 CSS 隐藏超出显示宽度的内容。需要注意的是,这个东东只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。 这个写法只有IE会有...,其它的浏览器文本超出指定宽度时会隐藏。 对于表格文字溢出的定义:[详细]
-
XHTML模块化布局的好处与实例
所属栏目:[经验] 日期:2018-08-28 热度:197
烈火网(LieHuo.Net)教程 模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功能。 模块具有以下几种基本属性:接口、功能、逻[详细]
-
CSS实例教程:教你如何定位(组图)
所属栏目:[经验] 日期:2018-08-28 热度:181
烈火网(LieHuo.Net)教程 今天来介绍一下如何通过css定位,与以往不同今天通过看图方式,用css定位布局(LIEHUO.NET转自蓝色理想)。先来看一下需要定位的图片演示: (图一) 先来看图一,共分为三大部分,分别是:header,wrap与footer,其中在wrap的层中又[详细]
-
十步掌握CSS布局定位(译)
所属栏目:[经验] 日期:2018-08-28 热度:51
烈火网(LieHuo.Net)教程 无意中看到此文,因作者强调其中避开了浏览器bug/分歧,所以个人认为值得借鉴。不才仔细看了此文,自觉受益匪浅 ,屡试不爽,佩服作者对css布局的精炼总结,顺便小译了一段,英文水平有限,且个人通常写写php,对css了解不深却有点[详细]
-
怎么给div+css样式表命名的规则
所属栏目:[经验] 日期:2018-08-28 热度:123
烈火网(LieHuo.Net)教程 刚开始写div+css样式表的时候,是记不住那些css样式的属性, 可现在最让我头疼的不是怎么写样式,而是给div+css样式起名,怎么样起才合适呢?要是就几行或几十行代码吧!就根据英文单词就行了。可是要是多了那就不好写了,有时候就[详细]
-
Div+CSS+JS树型菜单(可实时保存)
所属栏目:[经验] 日期:2018-08-28 热度:61
烈火网(LieHuo.Net)教程 今天我们来看一下可以实时保存的树形菜单,这个例子是从blueidea看到的,使用了Div+CSS+JS,看实例代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[详细]
-
正则表达式实现匹配html问题
所属栏目:[经验] 日期:2018-08-27 热度:51
烈火网(LieHuo.Net)教程 我想得到一个div标签,这个标签有其特定的id,怎么匹配一个html中的非此div标签,然后删除,即得到这个div标签。这种方式怎么实现? 答: 结合平衡组可以实现: 平衡组/递归匹配 这里介绍的平衡组语法是由.Net Framework支持的;其[详细]
-
web软件的架构设计用iframe还是load
所属栏目:[经验] 日期:2018-08-27 热度:165
问:公司要开发一款小型web软件,我目前的构思是想模仿163邮箱的架构,顶部+左导航+主要内容显示区.问题如下:我用的jquery库开发,目前我不想使用iframe做为主要内容显示区,而是想使用jquery.load()来加载页面到主要内容显示区,但是我担心jquery.load()的效率[详细]
-
CSS Sprites技术的实际应用(图)
所属栏目:[经验] 日期:2018-08-27 热度:92
css Sprites原理 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的background-image,background- repeat,background-position的组合进行背景定位,background-position可以用数字能精确的定位出背景 图片的位置。 CSS Sprites[详细]
-
CSS居中问题大全 网页制作必学
所属栏目:[经验] 日期:2018-08-27 热度:141
1.块级元素的垂直居中 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtdhtml xmlns=http://www.w3.org/1999/xhtml xml:lang=enheadmeta http-equiv=Content-Type content=text/html; charset=GBK[详细]