-
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的使用,欢迎大家继续关注烈火网[详细]
-
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 向右浮动时,它脱离文档流并且向右移动,直到它的[详细]
-
浏览器不能正常解析CSS代码的解决办法
所属栏目:[经验] 日期:2018-08-21 热度:110
烈火网(LieHuo.Net)教程 网页采用了utf-8编码格式,这本来没有问题,问题是外部css文件默认是 ansi编码,并没有保存为utf-8格式。可能你会发现在一般情况下这样也是没有问题的,然而当css文件中包含有中文注释时就可能不尽如人意了! 估计是ie6版本以下的浏[详细]
-
如何实现 CSS 两个 DIV 平行存放
所属栏目:[经验] 日期:2018-08-21 热度:97
烈火网(LieHuo.Net)教程 如何实现 CSS 两个 DIV 平行存放? 先看css样式部分: 再来看HTML代码:[详细]
-
利用自定义桌面和HTML打造动态桌面图标
所属栏目:[经验] 日期:2018-08-14 热度:180
烈火建站学院(LieHuo.Net)技术文档 电脑桌面对于大家来说并不陌生,每天打开计算机第一个映入眼帘的就是电脑桌面。漂亮的桌面可以使人心情愉悦。从一开始的静态桌面壁纸到现在的动态桌面壁纸,从最早的白色默认鼠标到现在的个性动态鼠标,桌面的美化工作一[详细]
-
HTML成为过去 Dreamweaver濒临死亡?
所属栏目:[经验] 日期:2018-08-14 热度:72
我已经收到了很多关于我最近一期数码设计专栏的非常善意的电子邮件,但是我不得不承认,其中有一些让我感到些微不爽。 这些邮件是设计者们为了感谢我而发的,当他们从印刷物设计转移到网页设计的时候,我曾为他们指向了Dreamweaver的道路。他们已经对Dream[详细]
-
这位华裔创业者建立LinkedIn又去做区块链,老婆却”嫌“他不做投资人
所属栏目:[经验] 日期:2018-02-23 热度:165
副标题#e# 来源:硅谷密探(微信:guigudiyixian) 作者:绥蔚 作为一名越南华裔难民的他,他是如何成为领英(LinkedIn)第一位CTO的? 他有何等魅力,让硅谷人脉最广的顶级投资人Reid Hoffman劝说他共同创办领英? 硅谷连续创业 23 载,他创办的多家公司被收购[详细]
-
在「不讨喜」的办公领域,金山 WPS 是怎么坚持三十年的?
所属栏目:[经验] 日期:2018-02-23 热度:135
副标题#e# 金山软件的一切都是从 WPS 开始的,在专业办公领域,他们已经走了近三十年。 和近几年很火的协作、笔记类软件不同,专业办公一直是个不怎么讨喜的领域,界面复杂、操作繁琐,再加上投入产出不成正比,仍然坚持在做专业办公的只有微软、谷歌、苹果[详细]
-
2017创业者高校盘点:清华北大是独角兽企业孵化园
所属栏目:[经验] 日期:2018-02-22 热度:110
文章来源:IT桔子 1、北大、清华乃创业者的‘黄埔军校:近五年共有 379 位创业者从这里毕业 北京大学和清华大学是当之无愧的创业者‘黄埔军校’,从这里走出来的创业者共有 379 人,远超其他院校。 其中不乏在独角兽的创始人,诸如:滴滴出行的创始人柳青;[详细]