Welcome 微信登录

首页 / 脚本样式 / CSS

一些很不错的css技巧,但也常为人们所忽略

一些很不错的css技巧,但也常为人们所忽略

2016年07月27日 105 阅读
一.区分大小写 当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。 二.不需要给背景图片路径加引号 为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如： background:url（"images/***.gif"）#333; 可以写为 background:url（images/***.gif）#333; 如果你加了引号，反而会引起一些浏览器的错误。 三.用正确的顺序...
推荐三种简洁的Tab导航（网页选项卡）简析

推荐三种简洁的Tab导航（网页选项卡）简析

2016年07月27日 61 阅读
在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现（不涉及滑动门和AJAX），附有实例，无图片，兼容性较好，方便大家直接使用。 第一种形式:通过更换显示样式实现，这种很常见，就不多说了。复制代码 代码如下:<divid="tabs0"> <ulclass="menu0"id="menu0"> <lionclick="setTab（0,0）"cl...
用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！

用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！

2016年07月27日 62 阅读
用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！ 下面代码有点多！但做出来你肯定喜欢！ 用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！我不想废话了，开门见山吧。 先看演示：http://www.gz7y.com点精彩推荐即可看见！ 如果下面代码你看不懂或者做不出来，明天等待我的视频吧。 CSS如下： <STYLEtype=text/css> <！-- #f_div{width:230px;height:205px...
解决IE5/IE5.5/IE6/FF的兼容性问题——CSS

解决IE5/IE5.5/IE6/FF的兼容性问题——CSS

2016年07月27日 57 阅读
转自蓝色理想 作者bias 原文地址http://www.blueidea.com/tech/site/2006/3296.asp之前找了几个不同版本的可独立运行的IE浏览器，正好拿来试试页面的兼容性问题。不试不知道，在IE6和FF中没问题的页面在IE5和IE5.5中乱成一团，一直听说IE5是WEB标准制作的一个“钉子户”，现在不得不相信了。 既然有问题，那就找找解决的方法咯，在网上一搜，相关的文章还是不少的，觉得最直接的方法还是“IE条件注释”，很方便的...
dhtml shtml xhtml的区别解析

dhtml shtml xhtml的区别解析

2016年07月27日 61 阅读
dhtml: 确切地说，DHTML只是一种制作网页的概念，实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范，DHTML只是一种将目前已有的网页技术、语言标准整和运用，制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。 DHTML大致包含以下网页技术、标准或规范： HTML4.0 没什么好说的，网页的基础语言标准。 CSSL 注意！不是CSS，是CSSL，它是Clent-SideScriptin...
做网页中需要掌握的八个CSS布局技巧

做网页中需要掌握的八个CSS布局技巧

2016年07月27日 63 阅读
1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。 2.使用浮动功能时记得适当清除指令 浮动是个危险的功能，未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况，请先确定您...
CSS属性 - white-space 空白属性使用说明

CSS属性 - white-space 空白属性使用说明

2016年07月27日 68 阅读
CSS属性-white-space空白属性说明 该CSS属性用来处理空白。 值：normal|pre|nowrap|inherit 可用值值的说明 normal缺省值。文本自然换行。如果超过元素宽度，内容自然换到下一行。 nowrap不允许换行。 pre保留换行和空白。这个值只有当你声明了！DOCTYPE，且IE6以上版本才支持。 在HTML文件里，空白，比如换行符（linebreaks）、空格（spaces）、制表符（tabs），都被自动截去。HTML会...
应用WEB标准实例：列表页面的制作

应用WEB标准实例：列表页面的制作

2016年07月27日 58 阅读
实例效果图：整体观察思考：在开始制作页面前，我们首先要观察图的结构，考虑怎样布局，布局对一个网站来说非常重要，他是整个体系的骨骼。再看此图很经典的三行两列结构，分为四块，TOP、RIGHT、LEFT、BOTTOM。如下图以上我们思考过整体的结构,接下来我们要考虑如何把思考出来的结构变化成"骨骼"如下图（盒模型来分析）制作流程：主体制作 --> 细节制作一、制作主体：xhtml：<div class="editorChoose"><h...
用CSS构建iframe效果代码

用CSS构建iframe效果代码

2016年07月27日 64 阅读
iframe应用很普遍，通常的需求有两种： 1，获取iframe效果，就是带一个滚动条，可以省不少版面。 2，要嵌一个页面，实现框架链接。 如果不方便使用iframe，可以有如下解决方案： 第一种需求如果我们使用css布局来实现，即可以少一个页面，也可以提高效率。 第二种需求可以采用xmlhttp远程获取。 A.直接模拟iframe 用层做容器 #content{overflow:auto;height:200px;width:600px;backgrou...
用滑动门技术设计按钮的图文教程

用滑动门技术设计按钮的图文教程

2016年07月27日 78 阅读
本文为翻译文章，全文地址：http://diger.cn/article.asp？id=351原文地址：http://www.filamentgroup.com/lab/buttonElement/Particle Tree 最近发布了一篇文章描述了一种他们拿出的设计按钮元素的技术，对于那些不熟练的人来说，表格按键是出了名的难以定制。典型的解决方案是使用浏览器提供的默认按钮，或者是使用一个图形输入。当图形输入完成了需求结果时，它请求创建一个新的图形为每一个...
ul在Firefox和IE下的不同表现的解决方法

ul在Firefox和IE下的不同表现的解决方法

2016年07月27日 54 阅读
最近做了个oblog的系统模板，其中涉及到了ul，所以就整理出了这篇文章+这张大图。 ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。 ul在Firefox下有个padding值，却没有margin值；而在IE下正好相反，ul有个margin值，却没有padding值。【下图中的第二第三例的对照可以看出】 在Firefox下，ul的list-style默认是处于内容的外边缘的。当然可以通过c...
如何实现多风格选择 样式实时切换

如何实现多风格选择 样式实时切换

2016年07月27日 65 阅读
我们在制作网站的时候，希望自己的网站是多风格的，用户可以根据自己的喜好选择不同的风格，这样的风格可以是布局上的变化，也可以是色彩上的差异，也可能是针对不同的用户群而特别定制的样式。 我们该如何实现多风格选择与样式的实时切换呢？ 其实只是IE不支持这个功能，我们完全可以交给浏览器去完成，FireFox就支持这个功能。 假设我们有两套CSS，分别封闭在两个不同的文件中：a.CSS和b.CSS。然后在<head>和</head>...
<< 61 62 63 64 65 66 67 68 69 70 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图