-
CSS3 target 和 focus 伪类 (附演示)
所属栏目:[经验] 日期:2018-09-03 热度:139
CSS3里的 target 和 focus 伪类都是针对特定元素的选择器,可以用来突出元素的位置。 target 伪类 target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色,可以这样写 *:target { color : red }。[详细]
-
CSS将五个Div层排在一行的实现方法
所属栏目:[经验] 日期:2018-09-03 热度:137
在日常的网页设计中,我们经常遇到div层的问题,一般情况下,如果我们想把两个Div层放在同一行,只需要用display:inline就可以做到了,那么您有没有想到过把五个div层放在同一行显示呢?下面就把实例代码送给大家,感谢对烈火网的支持与厚爱。 实例代码:[详细]
-
HTML 的优化杂记
所属栏目:[经验] 日期:2018-09-03 热度:164
在Perfection kills上看到他去年写的一篇文章,关于HTML优化的,讲的很详细,姑且记录之,尽管里面有些东西并不能在目前的环境里应用。在当前WEB应用逐渐前端化的潮流下,对客户端的优化越来越受到关注,如何减少代码,如何让应用快速的展示给用户,如何减[详细]
-
CSS3 nth-child 伪类的用法
所属栏目:[经验] 日期:2018-09-03 热度:116
CSS3提供了强大的伪类(pseudo-class)选择器,使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱,但当掌握了以后能大大提高你的代码效率,并且节省代码量。今天先要说的是nth-child伪类。 nth-child伪类的[详细]
-
DIV等浮层在IE6下被下拉框遮挡的处理
所属栏目:[经验] 日期:2018-09-03 热度:178
由于IE6中DropDownList是Browser调用的系统控件,这种组件的显示优先级比普通的IE控件高,浮动层中的控件就不能够遮盖这些系统控件。 解决的办法是:做两个浮动层,一个浮动层的根标签是IFrame,另一个浮动层的根标签是Div,两个浮动层的位置、大小均相等,[详细]
-
在html网页中使用Visual Earth地图
所属栏目:[经验] 日期:2018-09-03 热度:118
大致可以分为三个步骤: 1:在head/head标签体内添加如下所示的javascript脚本: script type=text/javascript src=http://dev.ditu.live.com/mapcontrol/mapcontrol.ashx?v=6.2/script script type=text/javascript var map = null; function GetMap(){ ma[详细]
-
HTML 网页表单提交的规则文档
所属栏目:[经验] 日期:2018-09-03 热度:111
最近在做一个HTML解析的引擎,在处理FORM表单时候特别混乱。在此根据近一周的经验总结一下HTML表单的提交规则。 INPUT TYPE=BUTTON 永远不提交 INPUT TYPE=CHECKBOX 只在勾选后提交 INPUT TYPE=FILE 永远提交,即使为空值 INPUT TYPE=HIDDEN 永远提交,即使[详细]
-
技巧:css列的高度自适应控制
所属栏目:[经验] 日期:2018-09-01 热度:185
越来越多的站长加入到互联网的队伍,随着网页w3c标准的逐渐普及,css早已替代古老的表格式网页,烈火网为广大网友精心准备了许多关于CSS的教程,今天我们就来学习一下关于列的控制: 在上文中,我们都已经注明了关于CSS的使用,欢迎大家继续关注烈火网[详细]
-
实例:CSS hacks实现跨浏览器多列布局
所属栏目:[经验] 日期:2018-09-01 热度:124
烈火网(LieHuo.Net)网页制作 利用纯CSS创建一个等高多列的布局并不件易事,本教程将着重分析出现在多列布局的多个问题,然后为大家等来一个简单全浏览器通吃的解决方法,不使用图片,脚本,CSS hacks并在最严格的XHTML 规范中都能通过验证。 问题的症结所[详细]
-
XHTML2正式死亡 HTML5成为新宠儿
所属栏目:[经验] 日期:2018-09-01 热度:192
烈火网(LieHuo.Net)讯 W3C 日前宣布将从2009年底起终止同 XHTML 2 工作组的合约,并以此暗示曾经一度野心勃勃的 XHTML 2 的正式死亡。Web 设计界是否该因此而恐慌?毕竟 XHTML 1.x 是所有对 Web 标准验证有着某种情节的人的首选,然而事实并非如此,XHTML 2[详细]
-
CSS样式制作的漂亮WEB横向导航菜单
所属栏目:[经验] 日期:2018-09-01 热度:136
烈火网(LieHuo.Net)网页制作教程 欢迎大家一起来继续学习关于CSS的教程,本文主要以CSS样式为实例,制作了一款非常漂亮的网站导航菜单,代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS:左右布局,右侧根据左侧宽度自适应
所属栏目:[经验] 日期:2018-09-01 热度:122
先看效果图: 图一:左右布局,左侧宽度固定,右侧自适应剩余宽度 图二:左侧宽度为0px,右侧内容自适应100% 下面是例子的HTML和CSS布局代码 下面是css代码:[详细]
-
Web开发之CSS和Table布局的争论
所属栏目:[经验] 日期:2018-08-31 热度:76
烈火建站学院(LieHuo.Net)讯 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师及开发人员持有异议。 静下心来看罢大家的讨论,一番细想,觉得原因可能有两个方面: 一[详细]
-
Css 优先级问题分析
所属栏目:[经验] 日期:2018-08-31 热度:75
css优先级的四大原则: 原则一: 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高。 例子1: CODE: style type=text/css !-- *{font-size:20px} .class3{ font-size: 12px; } -- /style span class=class3我是多大字号?/span 运行结果:.cla[详细]
-
CSS实现鼠标移上去显示大图效果
所属栏目:[经验] 日期:2018-08-31 热度:150
--------------------------------------------------css部分----------------------------------- #demo{overflow:hidden;;text-align:center;padding:10px;} #demo img{border:none;border:5px solid #f4f4f4} #enlarge_images{position:absolute;displa[详细]
-
CSS 的重用性写法探索
所属栏目:[经验] 日期:2018-08-31 热度:81
在css的构建过程中,我们经常会定义某种属性,而这些属性又在多处使用。如字体的大小,颜色等。那么我们怎么样才可以最大限度的重用呢? 本讨论中,列举使用这两个属性(字体大小,颜色)的例子。如我们需要定义一段红色,字体大小为14px的段落。 通常可以[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目:[经验] 日期:2018-08-31 热度:184
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
从print css谈样式表的媒介(media)属性
所属栏目:[经验] 日期:2018-08-25 热度:195
烈火网(LieHuo.Net)教程 平时留意到许多成熟的web系统会带一个文件名类似于print.css的样式表,不知道其作用,今天抽空研究一下,发表些总结。 原来print.css是专门给打印机设备定义样式的,可以用如下几种方式定义print css: 其实print是样式表(stylesh[详细]
-
CSS教程:line-height的继承问题
所属栏目:[经验] 日期:2018-08-25 热度:68
烈火网(LieHuo.Net)教程 平时经常见到的line-height竟包含很多鲜为人知的事。line-height的值可以为:length|percentage|number| noromal | inherit。em,px和百分数都相对于元素的font-size值计算。但是当一个块级元素继承另一个元素的line-height属性时[详细]
-
CSS系列教程:利用clip剪裁矩形图片
所属栏目:[经验] 日期:2018-08-25 热度:108
烈火网(LieHuo.Net)教程 应用clip属性需要注意的两点: 一、clip属性必须和定位属性postion一起使用才能生效。 二、clip裁切的计算坐标都是以左上角即(0,0)点开始计算,如图三所示,这点不像padding和margin,它们两个的右边距和下边距是从最右边和最下[详细]
-
CSS实现鼠标经过链接文本提示信息
所属栏目:[经验] 日期:2018-08-25 热度:108
烈火网(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-25 热度:188
烈火网(LieHuo.Net)教程 css作为今天网页制作的主要语言,已经成为每个站长必学的东西,如果您还不会css,还在用dw制作table的网页,那么您的网站就可能无法得到有效的seo和其它性能优化,从而丢掉市[详细]
-
如何用 CSS 隐藏超出显示宽度的内容
所属栏目:[经验] 日期:2018-08-25 热度:174
烈火网(LieHuo.Net)教程 如何用 CSS 隐藏超出显示宽度的内容。需要注意的是,这个东东只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。 这个写法只有IE会有...,其它的浏览器文本超出指定宽度时会隐藏。 对于表格文字溢出的定义:[详细]
-
XHTML模块化布局的好处与实例
所属栏目:[经验] 日期:2018-08-24 热度:145
烈火网(LieHuo.Net)教程 模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功能。 模块具有以下几种基本属性:接口、功能、逻[详细]
-
CSS实例教程:教你如何定位(组图)
所属栏目:[经验] 日期:2018-08-24 热度:54
烈火网(LieHuo.Net)教程 今天来介绍一下如何通过css定位,与以往不同今天通过看图方式,用css定位布局(LIEHUO.NET转自蓝色理想)。先来看一下需要定位的图片演示: (图一) 先来看图一,共分为三大部分,分别是:header,wrap与footer,其中在wrap的层中又[详细]
