-
如何使用 CSS 设置段落间距
所属栏目:[经验] 日期:2018-09-07 热度:177
段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单,你能否通过CSS有效率地设置段落间距呢? 网页设计里的文字排版问题 作为网页设计师,我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin),但一个段落里[详细]
-
使用CSS绘制表格斜线
所属栏目:[经验] 日期:2018-09-07 热度:63
关于CSS对斜线和圆角的文章,烈火网在以前曾经多次提到,今天正好有位朋友咨询关于使用CSS制作斜线的问题,就把方法告诉他,同时拿来记录一下,方便大家使用: div style=border-top:solid 40px blue;border-left:solid 40px red;height:160px;width:400px[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目:[经验] 日期:2018-09-07 热度:169
DIV+CSS的出现淘汰一批网页设计制作人员,又造就出一批网页设计制作人员。你属于哪类呢?DIV+CSS已经火了很久,最遭殃的算是这批网页制作人员了,本人清楚的记得当时各个公司 招聘 页面自作人员的情况,DIV+CSS技术几乎成了找到好工作的敲门砖,一时间会DI[详细]
-
CSS 中Visibility 和 Display 属性的比较
所属栏目:[经验] 日期:2018-09-02 热度:128
如果你想改变一个 HTML 元素的可见性,你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ?这两个属性有什么不同?在页面元素可见性改变时你如何应对? Visibility 和 Display 属性的区别 这里有个 Demo 可以比较 visibility: hidden[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目:[经验] 日期:2018-09-02 热度:139
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住:你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
HTML5中值得期待的postMessage方法
所属栏目:[经验] 日期:2018-09-02 热度:59
postMessage是HTML5中的一个方法,可以用来跨域访问数据。它简单易用,目前 IE8 +、FF3+、 Safari 4.0+、Google Chrome 1.0+、 Opera 9.5+均支持该方法。 你可以按照以下步骤来使用该方法: 在你希望发送信息的window.或者iframe中调用postMessage方法; 指[详细]
-
CSS pointer-events 允许下层元素被点击[译]
所属栏目:[经验] 日期:2018-09-02 热度:183
是否曾经有过这样的经历:把一个元素置于另一个元素之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生[详细]
-
基于 HTML5 的 Windows 画图程序
所属栏目:[经验] 日期:2018-09-02 热度:75
Windows 画图 程序一直伴随着 Windows 各个版本,这个很简单,几乎没有什么用处的程序拥有最基本的绘图功能,很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能,虽然 HTML5 还远未成熟,但很多人已经迫不及待地用它设计一些让人惊叹的应用。 Canvas[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目:[经验] 日期:2018-09-02 热度:193
导言 随着 Java script的复杂应用和即将推出的的标准和技术,web应用程序变得越来越先进。我们不断依赖这些应用程序,它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中,有一个领域一直很匮乏--客服端存储数据的能力。直到现在还是这样[详细]
-
你应该知道的几个CSS3技巧
所属栏目:[经验] 日期:2018-09-02 热度:124
你们中有许多人可能已经听到过有关CSS3的不少传言,但是我们现在能真正用到的CSS3技巧又有哪些呢?本文,我将向你展示一些与众不同的CSS3技巧,这些技巧在一些主要的浏览器中表现良好(如 Firefox , Chrome , Safari , Opera 浏览器)。这些效果会在不[详细]
-
碳纤维风格的插入式导航菜单:HTML代码
所属栏目:[经验] 日期:2018-09-02 热度:177
继上篇碳纤维风格的插入式导航菜单,Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧! 查看CSS/HTML完整版,请点击这里: 布署文件 在我们开始切割图片之前,先在本地web服务器上布署文件,创建文件夹,在新建的文件夹中新建空白[详细]
-
用window.XMLHttpRequest和window.ActiveXObject判断ie6
所属栏目:[经验] 日期:2018-09-02 热度:175
原理: Window.XMLHttpRequest //IE6以上版本和其他浏览器内置XMLHttpRequest对象 Window.ActiveXObject //在IE6及其以下浏览器可以通过ActiveXObject的两个控件来创建 if (window.XMLHttpRequest) { //Mozilla, Safari ,IE7, IE8 alert('Mozilla, Safari,[详细]
-
跨浏览器 CSS3 规则生成器
所属栏目:[经验] 日期:2018-09-02 热度:128
CSS3 很强大,但目前各个浏览器对它的支持程度不同一直是 CSS3 不能被应用的主要原因。今天 Bolo 推荐两个在线跨浏览器 CSS3 规则生成器。 CSS3, please! CSS3, please! 只有一个页面,上面以标准的 CSS 语法罗列了一些目前常用的 CSS3 属性在各种浏览器里[详细]
-
CSS基础教程 关于网页图片的属性
所属栏目:[经验] 日期:2018-08-23 热度:118
图片外框特征参数: ①dashed:虚线 ②dotted:点虚线 ③solid:实线 ④double:双线 ⑤groove:沟槽状 ⑥ridge:脊状 ⑦inset:内嵌 ⑧outset:外嵌 CSS TP特殊效果风格属性 ①灰/黑:Gray/Xray ②差值:Invert ③水平:Fliph ④垂直:Flipv ⑤羽化:Alpha(O[详细]
-
CSS:提高网页在浏览器的渲染速度
所属栏目:[经验] 日期:2018-08-22 热度:91
原文: http://www.zishu.cn/blogview.asp?logID=773 最近很少写CSS了,以后也可能写的会很少了,所以还是想把自已的一些经验能和大家分享一下,希望能给大家一些帮助! 这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分,暂时总结了10条。 1、[详细]
-
CSS教程:关于网页图片的属性
所属栏目:[经验] 日期:2018-08-22 热度:109
图片外框特征参数: ①dashed:虚线 ②dotted:点虚线 ③solid:实线 ④double:双线 ⑤groove:沟槽状 ⑥ridge:脊状 ⑦inset:内嵌 ⑧outset:外嵌 CSS TP特殊效果风格属性 ①灰/黑:Gray/Xray ②差值:Invert ③水平:Fliph ④垂直:Flipv ⑤羽化:Alpha(O[详细]
-
CSS+JS连续向上滚动的文字
所属栏目:[经验] 日期:2018-08-22 热度:164
连续向上滚动的文字用CSS和JS制作的一种效果。 div id=marqueesa href=# _fcksavedurl=#你可曾有过无数的梦想,/abrbra href=# _fcksavedurl=#却在时光的流逝里幻灭 /abrbra href=# _fcksavedurl=#你可曾对未来期待憧憬,/abrbra href=# _fcksavedurl=#却在[详细]
-
CSS制作很漂亮的文字滑动效果
所属栏目:[经验] 日期:2018-08-22 热度:155
CSS制作很漂亮的文字滑动效果,请查看运行代码演示! !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/xhtmlheadmeta http-equiv=Content-Type co[详细]
-
CSS网页代码编写技巧-隔行换色的实现
所属栏目:[经验] 日期:2018-08-22 热度:177
网页设计中我们经常会碰到用CSS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话,推荐使用隔行换色的背景图,也推荐将行高固定,这[详细]
-
用Firefox插件调整CSS 优化网页视觉体验
所属栏目:[经验] 日期:2018-08-22 热度:140
本文讨论如何利用 Firefox 的Stylish插件调整网页的CSS布局,让用户能更加轻松舒服地浏览网页。 现在有越来越多的人在使用Google Reader,利用Google Reader可以非常方便的订阅、阅读 RSS。但Google Reader也有自己不足之处,主要是在阅读上不是很方便。RSS[详细]
-
DIV+CSS网页布局的基础知识整理
所属栏目:[经验] 日期:2018-08-22 热度:97
烈火建站资源网的 CSS教程 栏目中汇集了大量的CSS知识,这些知识已经非常全面了,但很多CSSer新手初来本站,依然云里雾里,现整理一些DIVCSS网页布局常用的一些基础知识,供大家学习,欢迎补充及提一些建议。 CSS命名规范 一.文件命名规范 全局样式:glob[详细]
-
IE浏览器BUG测试的CSS代码
所属栏目:[经验] 日期:2018-08-22 热度:144
烈火建站学院(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-22 热度:64
2.1 规则的结构 rules::=selector 左括号declarations右括号declarations::= declaration{SEMICOLONdeclaration}[SEMICOLON]SEMICOLON::=分号declaration::=propertyCOLON valueCOLON::=冒号value::=keyword listkeyword list::=keyword{SPACEkeyword}SPAC[详细]
-
HTML成为过去 Dreamweaver濒临死亡?
所属栏目:[经验] 日期:2018-08-17 热度:157
我已经收到了很多关于我最近一期数码设计专栏的非常善意的电子邮件,但是我不得不承认,其中有一些让我感到些微不爽。 这些邮件是设计者们为了感谢我而发的,当他们从印刷物设计转移到网页设计的时候,我曾为他们指向了Dreamweaver的道路。他们已经对Dream[详细]
-
5个通用CSS Frameworks框架/工具/教程
所属栏目:[经验] 日期:2018-08-17 热度:130
烈火建站学院(LieHuo.Net)CSS文档 当表现和内容混合的网页布局逐步淡出时,网页设计最复杂的操作就集中在了CSS布局上,对于每一个新的网站,我们可能都会使用不同的样式命名规则、定义方式。CSS定义不能重复使用的问题,加重了我们的网站项目开发任务。[详细]
