经验_站长网

CSS3实例效果五则,很实用的WEB开发教程

所属栏目：[经验] 日期：2018-09-14 热度：78

对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）[详细]
把Flash转成Javascript/HTML5

所属栏目：[经验] 日期：2018-09-14 热度：164

SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成 Java script/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了[详细]
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]

所属栏目：[经验] 日期：2018-09-14 热度：62

最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
什么是css sprite?原理优缺点及使用实例

所属栏目：[经验] 日期：2018-09-14 热度：164

关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
js+css实现禁止鼠标右键与选中网页文字

所属栏目：[经验] 日期：2018-09-14 热度：66

关于禁止右键的文章，烈火也曾经提到过几篇，相关代码都比较冗长，不够精简，在本文中我们来看一个js+css简单实现的代码，可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器。 CSS代码： body{ -moz-user-select:none; hutia:expression(this.[详细]
图片自适应大小,超出部分自动隐藏缩略

所属栏目：[经验] 日期：2018-09-14 热度：86

在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现： max-width:600px; IE7、FF等其他非 IE浏览器下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
CSS+DIV层跨浏览器定位代码,附效果演示

所属栏目：[经验] 日期：2018-09-14 热度：115

本教程主要说的是纯CSS实现跨浏览器固定定位，这是个基础问题，关于CSS的相关知识，你可以参考烈火提供的CSS中文手册，关于此类问题，现在可以了解一下，但是在以后却要经常面对的问题，本代码不仅实现绝对定位，而且也实现了跨浏览器，参考一下便会明白了[详细]
2009年最好的50个CSS设计网站赏析

所属栏目：[经验] 日期：2018-09-13 热度：89

自2007年以来，我每年都会从Best Web Gallery整理新的CSS最好的网站给大家赏析，本文介绍的是今年2009年最佳的CSS设计。下边是我所整理的50个精美的网站。在这些网站中，我发现了里面很多都是简约优美serif字体设计，但是简单的设计和风格都非常强大。（烈[详细]
Web开发从头说起：理解css盒模型

所属栏目：[经验] 日期：2018-09-13 热度：66

在掌握了丰富而强大的css选择符之后，就具备了将css样式根据需要应用到网页中任何元素的能力。能够应用规则了，接下来就需要熟练掌握规则的制定方法什么样的属性组合能够实现什么样的效果。一般的颜色、字体、字号、行高等的设置比较容易掌握，而初学者在[详细]
如何用CSS设计一个大背景的站点

所属栏目：[经验] 日期：2018-09-13 热度：115

自从我发布了大背景网页设计合集之后，我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中，我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。普遍的错误：被裁切的背景（[详细]
CSS教程：样式化顺序列表

所属栏目：[经验] 日期：2018-09-13 热度：167

绝大多数的浏览器解释显示列表序号字体大小默认的和文本一样大[详细]
超级简单的DIV+CSS网页布局

所属栏目：[经验] 日期：2018-09-13 热度：164

这篇文章演示在一个页面上有效的使用div元素来构建网站，而不是使用table元素。因为div元素有很多优势，所以大部分客户开发网站要求设计开发div元素，而不是table元素。上面的代码是是为了给初学者学习使用div元素开发网站的。下面解释为什么使用div元素[详细]
前台开发从头说起：谈谈CSS选择符

所属栏目：[经验] 日期：2018-09-13 热度：102

以前我接受了网上不少博文的说法，一直认为学习css的三大最重要问题是：盒模型、定位、浮动。因为这三块的内容决定了css布局的能力。但是通过上一篇文章的分析，xhtml要实现和css的解耦，就要尽量不依赖于css（或者说不要纯粹为了给css预留接口而添加不必[详细]
CSS3:nth-child()伪类选择器

所属栏目：[经验] 日期：2018-09-13 热度：51

CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上标准。CSS3标准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性[详细]
CSS同辈元素定位方式与z-index的总结

所属栏目：[经验] 日期：2018-09-13 热度：179

烈火网(LieHuo.Net)教程 CSS同辈元素定位方式与z-index的总结，同辈元素定位方式相同，且无z-index设置时，html靠后者居上，请看下面的示例源码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-t[详细]
多浏览器兼容性问题及解决方案之CSS篇

所属栏目：[经验] 日期：2018-09-13 热度：147

CSS跟 Java Script开发中，最令大家头疼的问题就是浏览器兼容性了，虽然很多文章有这方面的文章，但依然让很多开发人员晕头转向，而且也不够全面。这篇文章，将全面收集css在各种浏览器下的兼容性报告，以及浏览器的渲染bug，也期待各位不断补充。兼容性[详细]
用css3 tranistions实现平滑过渡

所属栏目：[经验] 日期：2018-09-13 热度：162

Css tranistions允许元素的属性在单位时间内发生平滑的过渡，在阅读完《CSS Transitions Module Level 3》之后，我已经被其所吸引。尽管目前只有chrome和safari浏览器支持该属性(不过目前还得使用-webkit内核关键字作为前缀)，但相信在不久的将来，各主流[详细]
CSS自适应图片大小的兼容性的问题分析

所属栏目：[经验] 日期：2018-09-10 热度：148

问题：我想通过css实现对图片大小的自适应，通过以下代码在ie7和 Firefox 中已经可以正常显示了，但是在ie6里面，宽比高大的（横起的）图片总是比高比宽大的（竖起的）图片矮10个xp，谁知道是为什么啊？ Copy to Clipboard 引用的内容：[www.veryhuo.com][详细]
网页制作HTML代码学习教程入门

所属栏目：[经验] 日期：2018-09-10 热度：193

HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX，WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示[详细]
分析:CSS在IE6、IE7和IE8中的差别

所属栏目：[经验] 日期：2018-09-10 热度：77

关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6，7和8共存。截至本文，Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区，这个数字要小很多，统计显示大概只有40%。这些统计中比较有趣的部分是，IE6、IE7、IE8之间[详细]
CSS Sprites 将小图片整合到一起

所属栏目：[经验] 日期：2018-09-10 热度：57

css中用一张背景图做页面的技术有什么优势? 就在于下面的介绍简单介绍一下 CSS Sprites 的优点：当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。 CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快[详细]
教你玩转CSS3色彩

所属栏目：[经验] 日期：2018-09-10 热度：64

传统来说，大家在CSS中使用的颜色要么是16进制格式，要么是rgb格式，就像rgb(171,205,239)。 CSS3带来了一些新的处理颜色的方法，比如使用HSL(Hue, Saturation, Light) 和opacity/alpha通道。不幸的是，现在只有 Firefox 3+, Chrome 1.0+ 和 Safari 3+ 以[详细]
10大HTML标签常犯的错误看你错了几个

所属栏目：[经验] 日期：2018-09-10 热度：172

我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求. 罪行1:把块级元素放入了内联元素内 HTML 元素的[详细]
CSS教程：dl dt dd标签的简单用法

所属栏目：[经验] 日期：2018-09-10 热度：98

我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法： dl标记定义了一个定义列表，定义列表中的条目是通过使用dt标记(definition title，定义标题)和dd标记(definition description，定义描述)[详细]
CSS技巧之如何组织和注释CSS文件

所属栏目：[经验] 日期：2018-09-10 热度：141

关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.如果你有更好的方法请告诉大家让大家一起分享..... 当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们[详细]

10759

426