-
CSS3:nth-child()伪类选择器
所属栏目:[经验] 日期:2018-09-10 热度:75
CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上标准。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性[详细]
-
CSS同辈元素定位方式与z-index的总结
所属栏目:[经验] 日期:2018-09-10 热度:142
烈火网(LieHuo.Net)教程 CSS同辈元素定位方式与z-index的总结,同辈元素定位方式相同,且无z-index设置时,html靠后者居上,请看下面的示例源码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-t[详细]
-
多浏览器兼容性问题及解决方案之CSS篇
所属栏目:[经验] 日期:2018-09-10 热度:102
CSS跟 Java Script开发中,最令大家头疼的问题就是浏览器兼容性了,虽然很多文章有这方面的文章,但依然让很多开发人员晕头转向,而且也不够全面。这篇文章,将全面收集css在各种浏览器下的兼容性报告,以及浏览器的渲染bug,也期待各位不断补充。 兼容性[详细]
-
用css3 tranistions实现平滑过渡
所属栏目:[经验] 日期:2018-09-10 热度:168
Css tranistions允许元素的属性在单位时间内发生平滑的过渡,在阅读完《CSS Transitions Module Level 3》之后,我已经被其所吸引。尽管目前只有chrome和safari浏览器支持该属性(不过目前还得使用-webkit内核关键字作为前缀),但相信在不久的将来,各主流[详细]
-
使用CSS制作简单的下拉菜单导航
所属栏目:[经验] 日期:2018-09-10 热度:144
welcome to ximumu site.这个教程会告诉你如何创建一个简单的CSS下拉菜单.如果你觉得好就请告诉你的一个朋友让他也知道这个网站,木木会非常感谢的.^_^ 首先,我们来给这个下拉菜单写一个HTML的代码.先创建一个div来做为容器,然后把这个导航菜单放到这个内器[详细]
-
CSS应用:让页脚紧贴页面底部
所属栏目:[经验] 日期:2018-09-10 热度:114
怎么使用Sticky Footer代码 介绍 Google一下可以找到很多让页脚紧贴页面底部的方法,我试过其中的很多,但他们总会在某些方面存在一些问题。之所以有这些问题,可能是因为出现了更新版本的浏览器。一些方法因为太过久远,原本在老版本浏览器可以正常工作,[详细]
-
浅谈 CSS 的定位和浮动
所属栏目:[经验] 日期:2018-09-10 热度:183
CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、[详细]
-
如何用纯CSS打造一个弹性日历
所属栏目:[经验] 日期:2018-09-10 热度:60
传统的日历是在一张页面划分出几个格子.作为一个网页设计师,你有权利用表格来做出效果,我也不会说你错了. 那么做为一个标准的WEB设计师来说,遵守WEB的标准好处是不言而语的.那么我们来看下如何使用CSS来做出一个有弹性的日历表出来--为什么说是有弹性的,因[详细]
-
CSS中background:url(图片) 不能显示的问题
所属栏目:[经验] 日期:2018-09-10 热度:126
刚刚碰到一个诡异的问题,这样一段CSS代码: background:url(images/bg/bg1.gif) no-repeat; 这段代码居然不能显示出背景图片,倒塌。。。 代码肯定没有问题,即便我没有对背景图片定位,这里暂不考虑,因为我这里不存在这个问题。。。于是乎,搜索了一下Go[详细]
-
CSS如何控制BR换行符的高度?
所属栏目:[经验] 日期:2018-09-07 热度:114
今天有朋友咨询烈火网小编,关于CSS控制换行符的问题,CSS基本上对 BR 不起作用,如果是 P 之类的话就好控制了。再浏览器中,要取消BR的作用,好像貌似只有用 javascript 替换,或者服务端输出的时候就替换掉。 后来找到一个CSS中可以起作用的,以下为CSS[详细]
-
SyntaxHighlighter配置HTML代码高亮显示
所属栏目:[经验] 日期:2018-09-07 热度:193
syntaxhighlighter(点击下载syntaxhighlighter1.5.1)是一个小开源项目,它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言: C#、CSS、C++、Delphi、 Java 、JavaScript、PHP、 Python 、Ruby、SQL、Visual Basic、XML / HTM[详细]
-
css技巧:如何使用CSS让菜单横向
所属栏目:[经验] 日期:2018-08-29 热度:139
在上面一节我们讲到的是垂直的导航.但是大多网站用的还是横向的导航,那么就来跟我学下横向导航是如何实现的.要怎么实现下面的效果.只要在列表项之间避免换行就行了,所以要把li转换为内联. HTML和CSS代码如下: Copy to Clipboard 引用的内容:[www.veryhuo[详细]
-
学习DIV+CSS难不难
所属栏目:[经验] 日期:2018-08-29 热度:50
CSS是不是真的很难学?其实不难,只是缺少了掌握的经验,拿着一本书硬肯,有没有收获?有!但可能成效不大,作为过来人我觉得被动学习想要记住的东西是很难的,学习它我的经验是可以先掌握精要(重要属性开始),待掌握精要自然而然这些属性远远不够满足自己的[详细]
-
Div+Css实现屏蔽效果
所属栏目:[经验] 日期:2018-08-29 热度:190
在做项目的过程中 用到了Yahoo 的YUI控件,其中的datatable 很方便,但是有些时候要把点击table事件屏蔽,于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之,就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示, 并[详细]
-
HTML教程:TBody 的解释及用法
所属栏目:[经验] 日期:2018-08-29 热度:173
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这 三部分分别用:[详细]
-
css技巧:使用CSS做出一个嵌套导航.
所属栏目:[经验] 日期:2018-08-29 热度:124
除非你的网站只有一页,不然你一定会用的导航的.事实上,导航在网页设计中是最重要部分之一.你要用很多时间去考虑如何让浏览者更容易访问你的网站. 在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使用性.如果[详细]
-
IE中给select的innerHTML赋值时的bug
所属栏目:[经验] 日期:2018-08-29 热度:72
烈火网(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-29 热度:51
CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 IE专用的条件注释 !--其他浏览器 -- link rel=stylesheet type=text/css href=css.css / !--[if IE 7][详细]
-
css技巧:列表菜单的设计
所属栏目:[经验] 日期:2018-08-29 热度:186
这是一个很简单的教程,主要教你怎么用list的边框样式和背景图像来创建一个菜单出来.技巧在于使用list的相对定位,来转移边框的位置.这个技巧非常灵活,你可以轻松的改变边框和背景的布局.它甚至可以让浏览器的字体逐渐变小(也可以增大). 1.认真的查看下面的h[详细]
-
CSS属性选择器(Attribute Selectors)的四种格式
所属栏目:[经验] 日期:2018-08-29 热度:187
烈火网(LieHuo.Net)教程 属性选择器(Attribute Selectors),或许你不应该对属性选择器感到生疏,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。 属性选择器的格式是元素后跟中括号,中括号内带属性,或者属性[详细]
-
正确认识DIV+CSS布局
所属栏目:[经验] 日期:2018-08-29 热度:135
有不少网友在谈论用到div+CSS布局这个说法,用来和table布局比较。it560认为实际上div不是用来布局的,div只是用来表示一个其它元素都无法准确表达语意的一个块区,只有CSS是用于布局的,所以根本就不存在div+CSS布局这回事。反过来,table布局的时候经常[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目:[经验] 日期:2018-08-25 热度:72
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现,实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果,在深入的复杂效果变化就非常多了,[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目:[经验] 日期:2018-08-25 热度:94
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目:[经验] 日期:2018-08-25 热度:198
烈火网(Liehuo.Net)教程 在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。 解决方案如下: 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目:[经验] 日期:2018-08-25 热度:81
页面域关系: 主页面a.html所属域A:www.taobao.com 被iframe的页面b.html所属域B:www.alimama.com,假设地址:http://www.alimama.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且[详细]
