-
CSS BUG与技巧之容器不扩展问题
所属栏目：[经验] 日期：2018-08-27 热度：140
容器不扩展问题 这个是经常在我切图的时候遇到的问题，如： !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-27 热度：63
当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-27 热度：138
技术优势： CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。 实现方法： 1、首先将小图片整合到一张大的图片上。 2、然后根据具体图标在大图上的位置，给背景定位。( background-position:-7px -17px; )[详细]
-
一步一步教你实现纯CSS的柱形图
所属栏目：[经验] 日期：2018-08-27 热度：143
烈火网教程 CSS在处理排版之强大，没有做不到，只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体，里面的东西我们根本选择内联无素span，strong，em来填充。 ul class=chartliem使命召唤/emspan: /spanstrong35%/[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目：[经验] 日期：2018-08-24 热度：81
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果，这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现，实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果，在深入的复杂效果变化就非常多了，[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目：[经验] 日期：2018-08-24 热度：170
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目：[经验] 日期：2018-08-24 热度：144
烈火网(Liehuo.Net)教程 在开发过程中，有时遇到由于缓存问题导致页面不能及时更新，有时页面引入了不必需的样式脚本文件，有时由于文件太多，字节过大导致页面的性能缓慢，为了解决这些问题，个人设想了一个初步的解决方案。 解决方案如下： 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目：[经验] 日期：2018-08-24 热度：167
页面域关系： 主页面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-24 热度：94
越来越多的站长加入到互联网的队伍，随着网页w3c标准的逐渐普及，css早已替代古老的表格式网页，烈火网为广大网友精心准备了许多关于CSS的教程，今天我们就来学习一下关于列的控制： 在上文中，我们都已经注明了关于ＣＳＳ的使用，欢迎大家继续关注烈火网[详细]
-
实例：CSS hacks实现跨浏览器多列布局
所属栏目：[经验] 日期：2018-08-24 热度：172
烈火网(LieHuo.Net)网页制作 利用纯CSS创建一个等高多列的布局并不件易事，本教程将着重分析出现在多列布局的多个问题，然后为大家等来一个简单全浏览器通吃的解决方法，不使用图片，脚本，CSS hacks并在最严格的XHTML 规范中都能通过验证。 问题的症结所[详细]
-
XHTML2正式死亡 HTML5成为新宠儿
所属栏目：[经验] 日期：2018-08-24 热度：110
烈火网(LieHuo.Net)讯 W3C 日前宣布将从2009年底起终止同 XHTML 2 工作组的合约，并以此暗示曾经一度野心勃勃的 XHTML 2 的正式死亡。Web 设计界是否该因此而恐慌?毕竟 XHTML 1.x 是所有对 Web 标准验证有着某种情节的人的首选，然而事实并非如此，XHTML 2[详细]
-
CSS样式制作的漂亮WEB横向导航菜单
所属栏目：[经验] 日期：2018-08-24 热度：152
烈火网(LieHuo.Net)网页制作教程 欢迎大家一起来继续学习关于CSS的教程，本文主要以CSS样式为实例，制作了一款非常漂亮的网站导航菜单，代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS:左右布局,右侧根据左侧宽度自适应
所属栏目：[经验] 日期：2018-08-24 热度：166
先看效果图： 图一：左右布局，左侧宽度固定，右侧自适应剩余宽度 图二：左侧宽度为0px，右侧内容自适应100% 下面是例子的HTML和CSS布局代码 下面是css代码：[详细]
-
Web开发之CSS和Table布局的争论
所属栏目：[经验] 日期：2018-08-24 热度：113
烈火建站学院(LieHuo.Net)讯 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然：我原以为CSS 布局的意义早已深入人心，却没想到还有这么多设计师及开发人员持有异议。 静下心来看罢大家的讨论，一番细想，觉得原因可能有两个方面： 一[详细]
-
深入浅出 用HTML制作网页体验其中乐趣
所属栏目：[经验] 日期：2018-08-21 热度：126
众所周知，网站制作涉及到了各个方面的知识，包括平面设计、HTML页面制作、CSS样式定义、客户端脚本编写（ Java Scrfipt/VBScript）、服务器端脚本编写（Asp/Asp.Net/PHP/JSP）等诸多内容。本期笔者从最基础的讲起，着重介绍怎样制作一个简单的HTML网站，初[详细]
-
掌握DIV+CSS网页布局的基础知识
所属栏目：[经验] 日期：2018-08-21 热度：144
CSS教程栏目中汇集了大量的CSS知识，这些知识已经非常全面了，但很多CSSer新手初来本站，依然云里雾里，现整理一些DIVCSS网页布局常用的一些基础知识，供大家学习，欢迎补充及提一些建议。 CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：[详细]
-
CSS解决浏览器的等宽空格问题
所属栏目：[经验] 日期：2018-08-21 热度：115
很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用 nbsp; 等这样的占位符。 但是 nbsp; 也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。 同时，[详细]
-
网页基础：实用HTML文件的增强标记
所属栏目：[经验] 日期：2018-08-21 热度：81
近年来，超文本标识语言(HTML)得到了迅速拓展。为满足更多的需要，它增加了许多扩展功能。设计新颖、吸引人的网页已经越来越依赖java applet(小程序)、内嵌脚本、图文框、插件和其 它扩展的HTML功能。这些扩展的HTML功能不仅可以对文本作进一步的格式化，而[详细]
-
10个CSS简写技巧让你永远受用
所属栏目：[经验] 日期：2018-08-21 热度：112
CSS简写就是指将多行的CSS属性声明化成一行，又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小，其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候，你的臃肿的CSS代码会使你的[详细]
-
HTML教程：类型File的Input按钮功能研究
所属栏目：[经验] 日期：2018-08-21 热度：136
在一些网站进行上传时，当单击了浏览按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件，那么在弹出的【选择文件】对话框中只显示了相关图片格式的文件，此外其余格式文件一律过滤不被显示。 比如 http://www.youku.com/v1.0.0326/v/sw[详细]
-
菜鸟必看：CSS新手整理的CSS技巧
所属栏目：[经验] 日期：2018-08-21 热度：86
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义[详细]
-
如何实现动态添加Html文档中Form项
所属栏目：[经验] 日期：2018-08-21 热度：98
大家好，今天和大家谈谈如何用ASP来实现动态的添加Html文档中Form项的问题。如果你对Html比较熟悉的话肯定知道有个form/form的HTML标记。在form与/form之间有诸如类型(type)为Text、Password、Button、Submit、Reset等的标记(元素)。我们这里所说的动态的添[详细]
-
链接形式：css用import还是link的区别
所属栏目：[经验] 日期：2018-08-21 热度：160
看到淘宝网页中这样写使用的是import,而很多网站都是使用link，当然还有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？css用import还是link好?从经典论坛和另外一个网站大概了解了一下 看到淘宝网页中大部分是这样写的[详细]
-
高级教程：门户网站构建CSS框架的规则
所属栏目：[经验] 日期：2018-08-21 热度：91
对于大型门户，海量信息平台及多模块，多区域化网站，更需要对CSS，XHTML，的标准化，符合语意的HTML框架，复用性强的CSS代码，这些才能保障你的网站，具有很好的地基。 第一部：关于构建CSS框架我们要实现的目的： 1.实现标准化，具备主流平台适应性的前[详细]
-
深入分析CSS样式中的ID和CLASS的区别
所属栏目：[经验] 日期：2018-08-18 热度：183
【烈火建站学院文档】今天有位朋友在群里问CSS的问题，提到Class和ID的区别，小编建议他百度一下，随后他查了很多文章，还是不太明白，于是小编只好给他一一分析。 class是设置标签的类 id是设置标签的标识 class属性用于指定元素属于何种样式的类。 如样[详细]
