-
如何使用 CSS 设置段落间距
所属栏目：[经验] 日期：2018-09-07 热度：159
段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单，你能否通过CSS有效率地设置段落间距呢？ 网页设计里的文字排版问题 作为网页设计师，我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin)，但一个段落里[详细]
-
使用CSS绘制表格斜线
所属栏目：[经验] 日期：2018-09-07 热度：98
关于CSS对斜线和圆角的文章，烈火网在以前曾经多次提到，今天正好有位朋友咨询关于使用CSS制作斜线的问题，就把方法告诉他，同时拿来记录一下，方便大家使用： div style=border-top:solid 40px blue;border-left:solid 40px red;height:160px;width:400px[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目：[经验] 日期：2018-09-07 热度：148
DIV+CSS的出现淘汰一批网页设计制作人员，又造就出一批网页设计制作人员。你属于哪类呢？DIV+CSS已经火了很久，最遭殃的算是这批网页制作人员了，本人清楚的记得当时各个公司 招聘 页面自作人员的情况，DIV+CSS技术几乎成了找到好工作的敲门砖，一时间会DI[详细]
-
CSS自适应图片大小的兼容性的问题分析
所属栏目：[经验] 日期：2018-09-07 热度：170
问题： 我想通过css实现对图片大小的自适应，通过以下代码在ie7和 Firefox 中已经可以正常显示了，但是在ie6里面，宽比高大的（横起的）图片总是比高比宽大的（竖起的）图片矮10个xp，谁知道是为什么啊？ Copy to Clipboard 引用的内容：[www.veryhuo.com][详细]
-
网页制作HTML代码学习教程入门
所属栏目：[经验] 日期：2018-09-07 热度：155
HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX，WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示[详细]
-
分析:CSS在IE6、IE7和IE8中的差别
所属栏目：[经验] 日期：2018-09-07 热度：109
关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6，7和8共存。截至本文，Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区，这个数字要小很多，统计显示大概只有40%。 这些统计中比较有趣的部分是，IE6、IE7、IE8之间[详细]
-
CSS Sprites 将小图片整合到一起
所属栏目：[经验] 日期：2018-09-07 热度：72
css中用一张背景图做页面的技术有什么优势? 就在于下面的介绍 简单介绍一下 CSS Sprites 的优点： 当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。 CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快[详细]
-
教你玩转CSS3色彩
所属栏目：[经验] 日期：2018-09-07 热度：121
传统来说，大家在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-07 热度：180
我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求. 罪行1:把块级元素放入了内联元素内 HTML 元素的[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目：[经验] 日期：2018-09-02 热度：106
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目：[经验] 日期：2018-09-02 热度：143
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目：[经验] 日期：2018-09-02 热度：182
摘要 昨天去178.com公司参加笔试，对CSS仅有一道题，要求是写CSS，在IE6/IE7/FF三款浏览器下显示不同的效果，本来是能写滴，可没想到竟然是选择题，而且用到了子选择器，这下完了，这语法很少见到，所以平时也不怎么关注，没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目：[经验] 日期：2018-09-02 热度：99
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 热度：118
在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下： 先看下各个属性值的定义： 1、static：默认值。没有定位，元素出[详细]
-
css技巧：如何使用CSS让菜单横向
所属栏目：[经验] 日期：2018-09-02 热度：67
在上面一节我们讲到的是垂直的导航.但是大多网站用的还是横向的导航,那么就来跟我学下横向导航是如何实现的.要怎么实现下面的效果.只要在列表项之间避免换行就行了,所以要把li转换为内联. HTML和CSS代码如下： Copy to Clipboard 引用的内容：[www.veryhuo[详细]
-
学习DIV+CSS难不难
所属栏目：[经验] 日期：2018-09-02 热度：194
CSS是不是真的很难学?其实不难，只是缺少了掌握的经验，拿着一本书硬肯，有没有收获?有!但可能成效不大，作为过来人我觉得被动学习想要记住的东西是很难的，学习它我的经验是可以先掌握精要(重要属性开始)，待掌握精要自然而然这些属性远远不够满足自己的[详细]
-
Div+Css实现屏蔽效果
所属栏目：[经验] 日期：2018-09-02 热度：99
在做项目的过程中 用到了Yahoo 的YUI控件，其中的datatable 很方便，但是有些时候要把点击table事件屏蔽，于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之，就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示， 并[详细]
-
HTML教程：TBody 的解释及用法
所属栏目：[经验] 日期：2018-09-02 热度：71
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的，每个页面都有head ,body两部分，对于比较复杂的页面，页面的排版用到了很多的表格，表格的结构也就相对的复杂了，所以又将表格分割成三个部分：题头、正文和脚注。而这 三部分分别用:[详细]
-
css技巧:使用CSS做出一个嵌套导航.
所属栏目：[经验] 日期：2018-09-02 热度：170
除非你的网站只有一页,不然你一定会用的导航的.事实上,导航在网页设计中是最重要部分之一.你要用很多时间去考虑如何让浏览者更容易访问你的网站. 在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使用性.如果[详细]
-
CSS bug与技巧之容器高度等小集合
所属栏目：[经验] 日期：2018-08-28 热度：54
关于容器的包涵关系 很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 关于高度的问题 如果是动态地添加内容，高度最好不要[详细]
-
CSS BUG与技巧之容器不扩展问题
所属栏目：[经验] 日期：2018-08-28 热度：157
容器不扩展问题 这个是经常在我切图的时候遇到的问题，如： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadFCK:meta http-equiv=Con[详细]
-
CSS教程:Float菜单水平居中的实现方法
所属栏目：[经验] 日期：2018-08-28 热度：72
当HTML元素CSS属性float之后，很难让整体菜单水平居中，可是，我们会想办法来解决这个问题。 我们先写HTML代码，可以看出，跟一般的菜单没有区别。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS Sprites 图片整合技术的实现方法
所属栏目：[经验] 日期：2018-08-28 热度：75
技术优势： CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。 实现方法： 1、首先将小图片整合到一张大的图片上。 2、然后根据具体图标在大图上的位置，给背景定位。( background-position:-7px -17px; )[详细]
-
一步一步教你实现纯CSS的柱形图
所属栏目：[经验] 日期：2018-08-28 热度：85
烈火网教程 CSS在处理排版之强大，没有做不到，只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体，里面的东西我们根本选择内联无素span，strong，em来填充。 ul class=chartliem使命召唤/emspan: /spanstrong35%/[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目：[经验] 日期：2018-08-28 热度：142
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果，这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现，实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果，在深入的复杂效果变化就非常多了，[详细]
