-
你会用DIV+CSS吗?如何掌握要点
所属栏目:[经验] 日期:2018-09-08 热度:145
DIV+CSS的出现淘汰一批网页设计制作人员,又造就出一批网页设计制作人员。你属于哪类呢?DIV+CSS已经火了很久,最遭殃的算是这批网页制作人员了,本人清楚的记得当时各个公司 招聘 页面自作人员的情况,DIV+CSS技术几乎成了找到好工作的敲门砖,一时间会DI[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目:[经验] 日期:2018-09-02 热度:124
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目:[经验] 日期:2018-09-02 热度:154
摘要 昨天去178.com公司参加笔试,对CSS仅有一道题,要求是写CSS,在IE6/IE7/FF三款浏览器下显示不同的效果,本来是能写滴,可没想到竟然是选择题,而且用到了子选择器,这下完了,这语法很少见到,所以平时也不怎么关注,没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目:[经验] 日期:2018-09-02 热度:76
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和 Firefox 存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align[详细]
-
CSS+DIV定位浅析
所属栏目:[经验] 日期:2018-09-02 热度:185
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下: 先看下各个属性值的定义: 1、static:默认值。没有定位,元素出[详细]
-
css技巧:如何使用CSS让菜单横向
所属栏目:[经验] 日期:2018-09-02 热度:163
在上面一节我们讲到的是垂直的导航.但是大多网站用的还是横向的导航,那么就来跟我学下横向导航是如何实现的.要怎么实现下面的效果.只要在列表项之间避免换行就行了,所以要把li转换为内联. HTML和CSS代码如下: Copy to Clipboard 引用的内容:[www.veryhuo[详细]
-
学习DIV+CSS难不难
所属栏目:[经验] 日期:2018-09-02 热度:142
CSS是不是真的很难学?其实不难,只是缺少了掌握的经验,拿着一本书硬肯,有没有收获?有!但可能成效不大,作为过来人我觉得被动学习想要记住的东西是很难的,学习它我的经验是可以先掌握精要(重要属性开始),待掌握精要自然而然这些属性远远不够满足自己的[详细]
-
Div+Css实现屏蔽效果
所属栏目:[经验] 日期:2018-09-02 热度:108
在做项目的过程中 用到了Yahoo 的YUI控件,其中的datatable 很方便,但是有些时候要把点击table事件屏蔽,于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之,就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示, 并[详细]
-
HTML教程:TBody 的解释及用法
所属栏目:[经验] 日期:2018-09-02 热度:199
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这 三部分分别用:[详细]
-
css技巧:使用CSS做出一个嵌套导航.
所属栏目:[经验] 日期:2018-09-02 热度:143
除非你的网站只有一页,不然你一定会用的导航的.事实上,导航在网页设计中是最重要部分之一.你要用很多时间去考虑如何让浏览者更容易访问你的网站. 在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使用性.如果[详细]
-
IE中给select的innerHTML赋值时的bug
所属栏目:[经验] 日期:2018-08-31 热度:189
烈火网(LieHuo.Net)教程 IE中给select的innerHTML赋值时的bug,官方说明http://support.microsoft.com/kb/276228 html xmlns=http://www.w3.org/1999/xhtml head title无标题页/title/headbody onload=test()form id=form1 select id=select1optionaaaaa/o[详细]
-
CSS中几种浏览器 兼容性定义
所属栏目:[经验] 日期:2018-08-31 热度:164
CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 IE专用的条件注释 !--其他浏览器 -- link rel=stylesheet type=text/css href=css.css / !--[if IE 7][详细]
-
css技巧:列表菜单的设计
所属栏目:[经验] 日期:2018-08-31 热度:118
这是一个很简单的教程,主要教你怎么用list的边框样式和背景图像来创建一个菜单出来.技巧在于使用list的相对定位,来转移边框的位置.这个技巧非常灵活,你可以轻松的改变边框和背景的布局.它甚至可以让浏览器的字体逐渐变小(也可以增大). 1.认真的查看下面的h[详细]
-
CSS属性选择器(Attribute Selectors)的四种格式
所属栏目:[经验] 日期:2018-08-31 热度:138
烈火网(LieHuo.Net)教程 属性选择器(Attribute Selectors),或许你不应该对属性选择器感到生疏,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。 属性选择器的格式是元素后跟中括号,中括号内带属性,或者属性[详细]
-
正确认识DIV+CSS布局
所属栏目:[经验] 日期:2018-08-31 热度:160
有不少网友在谈论用到div+CSS布局这个说法,用来和table布局比较。it560认为实际上div不是用来布局的,div只是用来表示一个其它元素都无法准确表达语意的一个块区,只有CSS是用于布局的,所以根本就不存在div+CSS布局这回事。反过来,table布局的时候经常[详细]
-
IE9初窥:支持CSS3,和HTML5?
所属栏目:[经验] 日期:2018-08-31 热度:77
微软昨天在其2009年专业开发者大会上展示了下一个版本的Internet Explorer浏览器 IE9 。 尽管只是一个早期版本,IE开发团队还是比较高调的宣布了IE9的一些改进,比如速度比之前的IE版本都更快些,缩小与FF和webkit之间的差距(也就是还是赶不上了?),支持CS[详细]
-
Css教程:ie6的fixed解决方案
所属栏目:[经验] 日期:2018-08-31 热度:190
烈火网(LieHuo.Net)教程 ie7,firefox都可以支持postion:fixed (随页面滚动),只是对ie6不起作用,其实解决的方法比较简单,在css里定义一个表达式就可以了。比如要把id为left_menu的元素fixed,就可以这样: Copy to Clipboard 引用的内容:[www.veryhuo.c[详细]
-
同页面实现html+js表单提交输出功能
所属栏目:[经验] 日期:2018-08-31 热度:160
烈火网(LieHuo.Net)教程 同一页面实现表单提交输出效果,本功能是利用 Java script实现的,可广泛用于表单提交时的确认,喜欢的朋友就收藏了吧。下面是实际代码: htmlheadtitle同一个页面内实现html+js表单提交输出功能 - liehuo.net/titlemeta http-equi[详细]
-
使用DIV+CSS网站布局的利弊分析
所属栏目:[经验] 日期:2018-08-31 热度:138
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,烈火网也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。 如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽[详细]
-
CSS经验:与您分享六个CSS习惯
所属栏目:[经验] 日期:2018-08-31 热度:199
我们在我爱CSS中向大家介绍过很多CSS经验与技巧,这些东西都发布在52CSS.com的文章中,相信对大家是有一些帮助与启发的。有些习惯显得尤为重要,今天与您分享六个CSS习惯。因为习惯其实是会变的,所以只能写最近的。这些习惯都跟技术无关,如果不遵守,也不[详细]
-
Css 优先级问题分析
所属栏目:[经验] 日期:2018-08-28 热度:179
css优先级的四大原则: 原则一: 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高。 例子1: CODE: style type=text/css !-- *{font-size:20px} .class3{ font-size: 12px; } -- /style span class=class3我是多大字号?/span 运行结果:.cla[详细]
-
CSS实现鼠标移上去显示大图效果
所属栏目:[经验] 日期:2018-08-28 热度:63
--------------------------------------------------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-28 热度:54
在css的构建过程中,我们经常会定义某种属性,而这些属性又在多处使用。如字体的大小,颜色等。那么我们怎么样才可以最大限度的重用呢? 本讨论中,列举使用这两个属性(字体大小,颜色)的例子。如我们需要定义一段红色,字体大小为14px的段落。 通常可以[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目:[经验] 日期:2018-08-28 热度:164
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目:[经验] 日期:2018-08-28 热度:52
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]