-
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可以非常方便地制作出来的。 这里给出一个最简单的效果，在深入的复杂效果变化就非常多了，[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目：[经验] 日期：2018-08-28 热度：60
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目：[经验] 日期：2018-08-28 热度：132
烈火网(Liehuo.Net)教程 在开发过程中，有时遇到由于缓存问题导致页面不能及时更新，有时页面引入了不必需的样式脚本文件，有时由于文件太多，字节过大导致页面的性能缓慢，为了解决这些问题，个人设想了一个初步的解决方案。 解决方案如下： 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目：[经验] 日期：2018-08-28 热度：83
页面域关系： 主页面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的宽度和高度是不可预知而且[详细]
-
技巧：css列的高度自适应控制
所属栏目：[经验] 日期：2018-08-28 热度：102
越来越多的站长加入到互联网的队伍，随着网页w3c标准的逐渐普及，css早已替代古老的表格式网页，烈火网为广大网友精心准备了许多关于CSS的教程，今天我们就来学习一下关于列的控制： 在上文中，我们都已经注明了关于ＣＳＳ的使用，欢迎大家继续关注烈火网[详细]
-
CSS网页代码编写技巧-隔行换色的实现
所属栏目：[经验] 日期：2018-08-21 热度：66
网页设计中我们经常会碰到用CSS（层叠样式表）实现隔行换色的需求，您可以根据您的需要，采用下面的任何一种方法，当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话，推荐使用隔行换色的背景图，也推荐将行高固定，这[详细]
-
用Firefox插件调整CSS 优化网页视觉体验
所属栏目：[经验] 日期：2018-08-21 热度：194
本文讨论如何利用 Firefox 的Stylish插件调整网页的CSS布局，让用户能更加轻松舒服地浏览网页。 现在有越来越多的人在使用Google Reader，利用Google Reader可以非常方便的订阅、阅读 RSS。但Google Reader也有自己不足之处，主要是在阅读上不是很方便。RSS[详细]
-
DIV+CSS网页布局的基础知识整理
所属栏目：[经验] 日期：2018-08-21 热度：96
烈火建站资源网的 CSS教程 栏目中汇集了大量的CSS知识，这些知识已经非常全面了，但很多CSSer新手初来本站，依然云里雾里，现整理一些DIVCSS网页布局常用的一些基础知识，供大家学习，欢迎补充及提一些建议。 CSS命名规范 一．文件命名规范 全局样式：glob[详细]
-
IE浏览器BUG测试的CSS代码
所属栏目：[经验] 日期：2018-08-21 热度：162
烈火建站学院(LieHuo.Net)讯 请运行代码查看演示，或者先修改部分代码! !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/xhtml xml:lang=zh-cn[详细]
-
CSS规则的结构和Grouping、class和id
所属栏目：[经验] 日期：2018-08-21 热度：193
2.1 规则的结构 rules::=selector 左括号declarations右括号declarations::= declaration{SEMICOLONdeclaration}[SEMICOLON]SEMICOLON::=分号declaration::=propertyCOLON valueCOLON::=冒号value::=keyword listkeyword list::=keyword{SPACEkeyword}SPAC[详细]
-
HTML 4.01、XHTML 1.0 Strict和Transitional 的区别
所属栏目：[经验] 日期：2018-08-21 热度：113
XHTML这个被认为是HTML 4的继任者，是HTML和XML的结合体。通过结合 XML和HTML的功能，XHTML使得Web内容更易于被电话、手持设备以及电视等访问。W3C将XHTML 1.0分为三种规范：Strict（严格）、Transitional（过渡）和Frameset（框架）。 XHTML 1.0 Strict（[详细]
-
CSS样式分析：前景色、背景、边框
所属栏目：[经验] 日期：2018-08-21 热度：60
烈火网(LieHuo.Net)教程 CSS样式分析：前景色、背景、边框。前景色：color。color对border的影响： 前景色影响边框颜色可以看到p边框的颜色是和color的颜色是一样的。 背景：元素的背景区包含前景之下知道边框外边界的所有空间，包含内容框、内边距，且延[详细]
-
实例教程：理解CSS浮动(Float)属性
所属栏目：[经验] 日期：2018-08-21 热度：73
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 CSS 浮动 请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的[详细]
