-
CSS Sprites 将小图片整合到一起
所属栏目:[经验] 日期:2018-09-06 热度:172
css中用一张背景图做页面的技术有什么优势? 就在于下面的介绍 简单介绍一下 CSS Sprites 的优点: 当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。 CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快[详细]
-
教你玩转CSS3色彩
所属栏目:[经验] 日期:2018-09-06 热度:62
传统来说,大家在CSS中使用的颜色要么是16进制格式,要么是rgb格式,就像rgb(171,205,239)。 CSS3带来了一些新的处理颜色的方法,比如使用HSL(Hue, Saturation, Light) 和opacity/alpha通道。不幸的是,现在只有 Firefox 3+, Chrome 1.0+ 和 Safari 3+ 以[详细]
-
10大HTML标签常犯的错误 看你错了几个
所属栏目:[经验] 日期:2018-09-06 热度:79
我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求. 罪行1:把块级元素放入了内联元素内 HTML 元素的[详细]
-
正确认识DIV+CSS布局
所属栏目:[经验] 日期:2018-09-03 热度:124
有不少网友在谈论用到div+CSS布局这个说法,用来和table布局比较。it560认为实际上div不是用来布局的,div只是用来表示一个其它元素都无法准确表达语意的一个块区,只有CSS是用于布局的,所以根本就不存在div+CSS布局这回事。反过来,table布局的时候经常[详细]
-
IE9初窥:支持CSS3,和HTML5?
所属栏目:[经验] 日期:2018-09-03 热度:156
微软昨天在其2009年专业开发者大会上展示了下一个版本的Internet Explorer浏览器 IE9 。 尽管只是一个早期版本,IE开发团队还是比较高调的宣布了IE9的一些改进,比如速度比之前的IE版本都更快些,缩小与FF和webkit之间的差距(也就是还是赶不上了?),支持CS[详细]
-
Css教程:ie6的fixed解决方案
所属栏目:[经验] 日期:2018-09-03 热度:69
烈火网(LieHuo.Net)教程 ie7,firefox都可以支持postion:fixed (随页面滚动),只是对ie6不起作用,其实解决的方法比较简单,在css里定义一个表达式就可以了。比如要把id为left_menu的元素fixed,就可以这样: Copy to Clipboard 引用的内容:[www.veryhuo.c[详细]
-
同页面实现html+js表单提交输出功能
所属栏目:[经验] 日期:2018-09-03 热度:93
烈火网(LieHuo.Net)教程 同一页面实现表单提交输出效果,本功能是利用 Java script实现的,可广泛用于表单提交时的确认,喜欢的朋友就收藏了吧。下面是实际代码: htmlheadtitle同一个页面内实现html+js表单提交输出功能 - liehuo.net/titlemeta http-equi[详细]
-
使用DIV+CSS网站布局的利弊分析
所属栏目:[经验] 日期:2018-09-03 热度:189
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,烈火网也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。 如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽[详细]
-
CSS经验:与您分享六个CSS习惯
所属栏目:[经验] 日期:2018-09-03 热度:193
我们在我爱CSS中向大家介绍过很多CSS经验与技巧,这些东西都发布在52CSS.com的文章中,相信对大家是有一些帮助与启发的。有些习惯显得尤为重要,今天与您分享六个CSS习惯。因为习惯其实是会变的,所以只能写最近的。这些习惯都跟技术无关,如果不遵守,也不[详细]
-
CSS外部引用时用@import和link 的区别
所属栏目:[经验] 日期:2018-09-03 热度:56
外部引用CSS分为两种方式link和@import。本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。 差别1: link属于XHTML标签,而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连[详细]
-
XHTML中JS浮动代码失效的解决方法
所属栏目:[经验] 日期:2018-09-03 热度:106
漂浮广告/对联代码 为什么在XHTML语言的网页中不能使用? 对联代码,查阅它在xhtml下的表达方式,结果很简单了。这是因为,按照标准来说,我们看到的窗体的滚动条不应该是 body 的,而是 HTML 的(也就是 document.documentElement 对象)所以,解决办法是[详细]
-
HTML基础(二):HTML内容细则
所属栏目:[经验] 日期:2018-09-03 热度:199
我们在第一讲里概括了一下网页的主要框架,现在我们来详细的研究网页的内部细则: 先从它的身体部分(body) 开始: 欣赏一个网页时,一般先注意到的是这个页面的背景,如果有背景音乐,那就更吸引人了!是不是呀,那么这些是怎么实现的呢?看下边: 1、背景[详细]
-
HTML基础(一):HTML的组成结构
所属栏目:[经验] 日期:2018-09-03 热度:93
HTML是网页主要的组成部分,基本上一个网页都是由HTML语言组成的,所以要学习网站怎样建设,必须从网页的基本语言学起。 HTML文件是什么? HTML表示超文本标记语言(Hyper Text Markup Language)。 HTML文件是一个包含标记的文本文件。 这些标记保速浏览器[详细]
-
Web开发之CSS和Table布局的争论
所属栏目:[经验] 日期:2018-08-29 热度:67
烈火建站学院(LieHuo.Net)讯 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师及开发人员持有异议。 静下心来看罢大家的讨论,一番细想,觉得原因可能有两个方面: 一[详细]
-
Css 优先级问题分析
所属栏目:[经验] 日期:2018-08-29 热度:174
css优先级的四大原则: 原则一: 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高。 例子1: CODE: style type=text/css !-- *{font-size:20px} .class3{ font-size: 12px; } -- /style span class=class3我是多大字号?/span 运行结果:.cla[详细]
-
CSS实现鼠标移上去显示大图效果
所属栏目:[经验] 日期:2018-08-29 热度:126
--------------------------------------------------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-29 热度:163
在css的构建过程中,我们经常会定义某种属性,而这些属性又在多处使用。如字体的大小,颜色等。那么我们怎么样才可以最大限度的重用呢? 本讨论中,列举使用这两个属性(字体大小,颜色)的例子。如我们需要定义一段红色,字体大小为14px的段落。 通常可以[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目:[经验] 日期:2018-08-29 热度:77
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目:[经验] 日期:2018-08-29 热度:108
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目:[经验] 日期:2018-08-29 热度:170
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目:[经验] 日期:2018-08-29 热度:161
摘要 昨天去178.com公司参加笔试,对CSS仅有一道题,要求是写CSS,在IE6/IE7/FF三款浏览器下显示不同的效果,本来是能写滴,可没想到竟然是选择题,而且用到了子选择器,这下完了,这语法很少见到,所以平时也不怎么关注,没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目:[经验] 日期:2018-08-28 热度:65
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和 Firefox 存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align[详细]
-
CSS+DIV定位浅析
所属栏目:[经验] 日期:2018-08-28 热度:148
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下: 先看下各个属性值的定义: 1、static:默认值。没有定位,元素出[详细]
-
CSS网页代码编写技巧-隔行换色的实现
所属栏目:[经验] 日期:2018-08-21 热度:170
网页设计中我们经常会碰到用CSS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话,推荐使用隔行换色的背景图,也推荐将行高固定,这[详细]
-
用Firefox插件调整CSS 优化网页视觉体验
所属栏目:[经验] 日期:2018-08-21 热度:162
本文讨论如何利用 Firefox 的Stylish插件调整网页的CSS布局,让用户能更加轻松舒服地浏览网页。 现在有越来越多的人在使用Google Reader,利用Google Reader可以非常方便的订阅、阅读 RSS。但Google Reader也有自己不足之处,主要是在阅读上不是很方便。RSS[详细]