-
IE6/IE7/FireFox的CSS hack总结
所属栏目:[经验] 日期:2018-08-28 热度:158
摘要 昨天去178.com公司参加笔试,对CSS仅有一道题,要求是写CSS,在IE6/IE7/FF三款浏览器下显示不同的效果,本来是能写滴,可没想到竟然是选择题,而且用到了子选择器,这下完了,这语法很少见到,所以平时也不怎么关注,没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目:[经验] 日期:2018-08-28 热度:171
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 热度:193
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下: 先看下各个属性值的定义: 1、static:默认值。没有定位,元素出[详细]
-
css技巧:如何使用CSS让菜单横向
所属栏目:[经验] 日期:2018-08-28 热度:50
在上面一节我们讲到的是垂直的导航.但是大多网站用的还是横向的导航,那么就来跟我学下横向导航是如何实现的.要怎么实现下面的效果.只要在列表项之间避免换行就行了,所以要把li转换为内联. HTML和CSS代码如下: Copy to Clipboard 引用的内容:[www.veryhuo[详细]
-
学习DIV+CSS难不难
所属栏目:[经验] 日期:2018-08-28 热度:67
CSS是不是真的很难学?其实不难,只是缺少了掌握的经验,拿着一本书硬肯,有没有收获?有!但可能成效不大,作为过来人我觉得被动学习想要记住的东西是很难的,学习它我的经验是可以先掌握精要(重要属性开始),待掌握精要自然而然这些属性远远不够满足自己的[详细]
-
Div+Css实现屏蔽效果
所属栏目:[经验] 日期:2018-08-28 热度:123
在做项目的过程中 用到了Yahoo 的YUI控件,其中的datatable 很方便,但是有些时候要把点击table事件屏蔽,于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之,就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示, 并[详细]
-
HTML教程:TBody 的解释及用法
所属栏目:[经验] 日期:2018-08-28 热度:57
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这 三部分分别用:[详细]
-
css技巧:使用CSS做出一个嵌套导航.
所属栏目:[经验] 日期:2018-08-28 热度:163
除非你的网站只有一页,不然你一定会用的导航的.事实上,导航在网页设计中是最重要部分之一.你要用很多时间去考虑如何让浏览者更容易访问你的网站. 在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使用性.如果[详细]
-
IE中给select的innerHTML赋值时的bug
所属栏目:[经验] 日期:2018-08-28 热度:61
烈火网(LieHuo.Net)教程 IE中给select的innerHTML赋值时的bug,官方说明http://support.microsoft.com/kb/276228 html xmlns=http://www.w3.org/1999/xhtml head title无标题页/title/headbody onload=test()form id=form1 select id=select1optionaaaaa/o[详细]
-
CSS网页代码编写技巧-隔行换色的实现
所属栏目:[经验] 日期:2018-08-24 热度:100
网页设计中我们经常会碰到用CSS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话,推荐使用隔行换色的背景图,也推荐将行高固定,这[详细]
-
用Firefox插件调整CSS 优化网页视觉体验
所属栏目:[经验] 日期:2018-08-24 热度:91
本文讨论如何利用 Firefox 的Stylish插件调整网页的CSS布局,让用户能更加轻松舒服地浏览网页。 现在有越来越多的人在使用Google Reader,利用Google Reader可以非常方便的订阅、阅读 RSS。但Google Reader也有自己不足之处,主要是在阅读上不是很方便。RSS[详细]
-
DIV+CSS网页布局的基础知识整理
所属栏目:[经验] 日期:2018-08-24 热度:59
烈火建站资源网的 CSS教程 栏目中汇集了大量的CSS知识,这些知识已经非常全面了,但很多CSSer新手初来本站,依然云里雾里,现整理一些DIVCSS网页布局常用的一些基础知识,供大家学习,欢迎补充及提一些建议。 CSS命名规范 一.文件命名规范 全局样式:glob[详细]
-
IE浏览器BUG测试的CSS代码
所属栏目:[经验] 日期:2018-08-24 热度:171
烈火建站学院(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-24 热度:80
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-24 热度:132
XHTML这个被认为是HTML 4的继任者,是HTML和XML的结合体。通过结合 XML和HTML的功能,XHTML使得Web内容更易于被电话、手持设备以及电视等访问。W3C将XHTML 1.0分为三种规范:Strict(严格)、Transitional(过渡)和Frameset(框架)。 XHTML 1.0 Strict([详细]
-
CSS样式分析:前景色、背景、边框
所属栏目:[经验] 日期:2018-08-24 热度:77
烈火网(LieHuo.Net)教程 CSS样式分析:前景色、背景、边框。前景色:color。color对border的影响: 前景色影响边框颜色可以看到p边框的颜色是和color的颜色是一样的。 背景:元素的背景区包含前景之下知道边框外边界的所有空间,包含内容框、内边距,且延[详细]
-
实例教程:理解CSS浮动(Float)属性
所属栏目:[经验] 日期:2018-08-24 热度:55
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 CSS 浮动 请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的[详细]
-
浏览器不能正常解析CSS代码的解决办法
所属栏目:[经验] 日期:2018-08-24 热度:199
烈火网(LieHuo.Net)教程 网页采用了utf-8编码格式,这本来没有问题,问题是外部css文件默认是 ansi编码,并没有保存为utf-8格式。可能你会发现在一般情况下这样也是没有问题的,然而当css文件中包含有中文注释时就可能不尽如人意了! 估计是ie6版本以下的浏[详细]
-
如何实现 CSS 两个 DIV 平行存放
所属栏目:[经验] 日期:2018-08-24 热度:81
烈火网(LieHuo.Net)教程 如何实现 CSS 两个 DIV 平行存放? 先看css样式部分: 再来看HTML代码:[详细]
-
不要使用的HTML标签(WEB标准网页布局)
所属栏目:[经验] 日期:2018-08-21 热度:59
CSS网页布局中不推荐使用的HTML标签,请尽量不要使用这些HTML标签。 Do not use these html elements in html pages. Presentational elements should not be used. Support for some elements has been (or will be) deprecated; they should not be used.[详细]
-
容易混淆使用位置的XHTML标签
所属栏目:[经验] 日期:2018-08-21 热度:142
我们在liehuo.net的文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢? 在刚接触XHTML+CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索[详细]
-
CSS实例:用CSS打造韩式风格网站
所属栏目:[经验] 日期:2018-08-21 热度:135
韩国网站的设计风格被国内网站设计爱好者称之为韩式风格,而且现在越来越多的人正在模仿这种风格,下图为一个韩式风格的网站效果,就笔者个人觉得韩式风格的网站设计思路之所以受到大家的喜欢与其色彩变化丰富,合理应用Flash动画,结构新颖等特点是分不开[详细]
-
学习-CSS网页制作实用技巧九则
所属栏目:[经验] 日期:2018-08-21 热度:114
本篇总结了一些css常用技巧,为网站重构打下基础,但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手[详细]
-
传HTML 5新标准将于2022年正式发布
所属栏目:[经验] 日期:2018-08-21 热度:192
如果你是一名Web开发人员,并一直期待着下一代驱动互联网发展的新语言HTML 5标准的到来,那么很遗憾,我们这里有个坏消息告诉你你还需要等待相当长的时间! 最近,HTML 5标准的编者Ian Hickson为HTML 5的推出列出了一个时间表。他假定各个浏览器开发商会在HT[详细]
-
HTML页面中标签的语义与使用位置
所属栏目:[经验] 日期:2018-08-21 热度:70
我们在52CSS.com的文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢? 在刚接触XHTML+CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索[详细]