-
在CSS2和CSS3下实现圆角的方法
所属栏目:[经验] 日期:2018-09-07 热度:122
烈火网(LieHuo.Net)教程 在以前的文章中,烈火网不止一次提到过CSS圆角的教程(查看详细),今天在Bolo's blog再次看到关于CSS圆角的实现,有所不同的是,Bolo's blog中分别讲到CSS2与CSS3的实现方法。 推荐阅读:CSS中文手册 步入正文: 在网页设计越来越[详细]
-
HTML入门教程:打开新窗口和弹出窗口
所属栏目:[经验] 日期:2018-09-07 热度:132
一、 基本变化 参数解释: window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替; 100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素[详细]
-
网页内使用CSS添加横向滚动条的实例
所属栏目:[经验] 日期:2018-09-07 热度:114
通常要控制页面显示在固定的空间内,我们选择用滚动栏的方式来拓展空间。 横向的滚动栏。 本文中总结了在Html中设置横向的滚动栏的代码,供大家参考。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titlehtml页面内加横向滚动[详细]
-
如何使用 CSS 设置段落间距
所属栏目:[经验] 日期:2018-09-07 热度:94
段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单,你能否通过CSS有效率地设置段落间距呢? 网页设计里的文字排版问题 作为网页设计师,我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin),但一个段落里[详细]
-
使用CSS绘制表格斜线
所属栏目:[经验] 日期:2018-09-07 热度:52
关于CSS对斜线和圆角的文章,烈火网在以前曾经多次提到,今天正好有位朋友咨询关于使用CSS制作斜线的问题,就把方法告诉他,同时拿来记录一下,方便大家使用: div style=border-top:solid 40px blue;border-left:solid 40px red;height:160px;width:400px[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目:[经验] 日期:2018-09-07 热度:177
DIV+CSS的出现淘汰一批网页设计制作人员,又造就出一批网页设计制作人员。你属于哪类呢?DIV+CSS已经火了很久,最遭殃的算是这批网页制作人员了,本人清楚的记得当时各个公司 招聘 页面自作人员的情况,DIV+CSS技术几乎成了找到好工作的敲门砖,一时间会DI[详细]
-
CSS 中Visibility 和 Display 属性的比较
所属栏目:[经验] 日期:2018-08-31 热度:120
如果你想改变一个 HTML 元素的可见性,你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ?这两个属性有什么不同?在页面元素可见性改变时你如何应对? Visibility 和 Display 属性的区别 这里有个 Demo 可以比较 visibility: hidden[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目:[经验] 日期:2018-08-31 热度:159
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住:你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
HTML5中值得期待的postMessage方法
所属栏目:[经验] 日期:2018-08-31 热度:58
postMessage是HTML5中的一个方法,可以用来跨域访问数据。它简单易用,目前 IE8 +、FF3+、 Safari 4.0+、Google Chrome 1.0+、 Opera 9.5+均支持该方法。 你可以按照以下步骤来使用该方法: 在你希望发送信息的window.或者iframe中调用postMessage方法; 指[详细]
-
CSS pointer-events 允许下层元素被点击[译]
所属栏目:[经验] 日期:2018-08-31 热度:171
是否曾经有过这样的经历:把一个元素置于另一个元素之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生[详细]
-
基于 HTML5 的 Windows 画图程序
所属栏目:[经验] 日期:2018-08-31 热度:125
Windows 画图 程序一直伴随着 Windows 各个版本,这个很简单,几乎没有什么用处的程序拥有最基本的绘图功能,很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能,虽然 HTML5 还远未成熟,但很多人已经迫不及待地用它设计一些让人惊叹的应用。 Canvas[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目:[经验] 日期:2018-08-31 热度:139
导言 随着 Java script的复杂应用和即将推出的的标准和技术,web应用程序变得越来越先进。我们不断依赖这些应用程序,它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中,有一个领域一直很匮乏--客服端存储数据的能力。直到现在还是这样[详细]
-
你应该知道的几个CSS3技巧
所属栏目:[经验] 日期:2018-08-31 热度:90
你们中有许多人可能已经听到过有关CSS3的不少传言,但是我们现在能真正用到的CSS3技巧又有哪些呢?本文,我将向你展示一些与众不同的CSS3技巧,这些技巧在一些主要的浏览器中表现良好(如 Firefox , Chrome , Safari , Opera 浏览器)。这些效果会在不[详细]
-
碳纤维风格的插入式导航菜单:HTML代码
所属栏目:[经验] 日期:2018-08-31 热度:164
继上篇碳纤维风格的插入式导航菜单,Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧! 查看CSS/HTML完整版,请点击这里: 布署文件 在我们开始切割图片之前,先在本地web服务器上布署文件,创建文件夹,在新建的文件夹中新建空白[详细]
-
用window.XMLHttpRequest和window.ActiveXObject判断ie6
所属栏目:[经验] 日期:2018-08-31 热度:57
原理: Window.XMLHttpRequest //IE6以上版本和其他浏览器内置XMLHttpRequest对象 Window.ActiveXObject //在IE6及其以下浏览器可以通过ActiveXObject的两个控件来创建 if (window.XMLHttpRequest) { //Mozilla, Safari ,IE7, IE8 alert('Mozilla, Safari,[详细]
-
跨浏览器 CSS3 规则生成器
所属栏目:[经验] 日期:2018-08-31 热度:123
CSS3 很强大,但目前各个浏览器对它的支持程度不同一直是 CSS3 不能被应用的主要原因。今天 Bolo 推荐两个在线跨浏览器 CSS3 规则生成器。 CSS3, please! CSS3, please! 只有一个页面,上面以标准的 CSS 语法罗列了一些目前常用的 CSS3 属性在各种浏览器里[详细]
-
HTML页面中标签的语义与使用位置
所属栏目:[经验] 日期:2018-08-22 热度:113
我们在52CSS.com的文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢? 在刚接触XHTML+CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索[详细]
-
css教程:网页字体及字体大小的设计
所属栏目:[经验] 日期:2018-08-22 热度:186
在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪![详细]
-
CSS3属性选择符介绍
所属栏目:[经验] 日期:2018-08-22 热度:62
英文原文: http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/ 中文翻译: http://www.dudo.org/article.asp?id=197 注:本文写于2006年1月,当时IE7、 IE8 和 Firefox 3还未发行,文中所有说的浏览器支持均未包括这三个版本的浏[详细]
-
CSS Alpha透明相关知识学习
所属栏目:[经验] 日期:2018-08-22 热度:56
图片的透明效果是网页中需要用到的一种特殊形式,虽然不是非常的常用,但是遇到这样的需求往往有点措手不及,在webjx.com的文章中虽然有这方面的CSS实例,但还没有系统的介绍过CSS Alpha透明,我们今天共同学习一下相关的知识。 关于CSS Alpha透明的相关知[详细]
-
CSS教程:表格的nobr终极解决方案
所属栏目:[经验] 日期:2018-08-22 热度:54
当你准备全面进军web标准时,有时候你是不是被表格的弄得焦头烂额呢?比如,原来使用非法的nobr现在要用什么来代替呢?今天,就让我来一个终极解决方案。 或许你已经Google到white-space: nowrap可以实现nobr,不错,但关键还有一个,那就是table-layout.[详细]
-
CSS元素的层叠与z-index设置
所属栏目:[经验] 日期:2018-08-22 热度:88
我们在文章的更新中,特别注重对新手的辅导,但webjx.com面对的是广大的开发人员,大家可能会遇到各种各样的问题,有些问题很不常见,或者应用的很少,但我们依然有必要学习更多的CSS布局知识与技术,以应对可能出现的复杂多变的CSS内外形势(挺汗)。今天[详细]
-
CSS网页布局的好处与坏处
所属栏目:[经验] 日期:2018-08-22 热度:194
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,webjx.com也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。 如今大部分网站仍然采用表格嵌套内容的方式来制作网站,[详细]
-
div+css制作网页实战笔记心得
所属栏目:[经验] 日期:2018-08-22 热度:78
以下的内容是一位网友的DIV CSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多,如果能在webjx.com与大家共同交流,相信进步就更快了。大家一起努力! 最近在做一个魔术网的div+css切割,昨晚发现[详细]
-
关于W3C CSS标准的一些经验
所属栏目:[经验] 日期:2018-08-22 热度:197
总结出关于W3C CSS标准的一些经验: 一、少用偏门。类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。 二、center不是float的值。很多新手都会把center误认为是float的值,[详细]
