Welcome

首页 / 脚本样式 / CSS

div+css布局必须要知道的css条件注释理论及实践第1/2页

2017-02-06 19
浏览器的条件注释理论，用下面一段例子来解释这个问题 （X）HTML 下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果 复制代码 代码如下:<！--[ifIE]> <h1>您正在使用IE浏览器</h1> <！[endif]--> <！--[ifIE5]> <h1>版本5</h1> <！[endif]--> <！--[ifIE5.0]> <...

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

2017-02-06 19
用纯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

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

超赞的随机颜色搭配工具

2017-02-06 23
点激SPIN随机生成一组颜色Flash动画在线播放...

CSS2实现的隔行换色

2017-02-06 20
利用了CSS2的相邻选择符IE7以下不支持 隔行换色示例: <！DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>放弃class与js实现隔行换...

CSS中几种常见的注释

2017-02-06 21
1、选择器（childselector） 如果你想在IE中隐藏一个CSS定义，可以使用子选择器。 css部分： html>bodyp{ /*declarations*/ } 2、“通配符”（*） 这种写法只有IE浏览器可以理解（对其他浏览器都隐藏） css部分： *htmlp{ /*declarations*/ } 3、“反斜线”（） 如果你希望IE/Win有效而IE/Mac隐藏，可以使用“反斜线”技巧。 css部分： /**/ *htmlp{ de...

dhtml shtml xhtml的区别解析

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

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

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

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

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

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

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

用CSS构建iframe效果代码

2017-02-06 24
iframe应用很普遍，通常的需求有两种： 1，获取iframe效果，就是带一个滚动条，可以省不少版面。 2，要嵌一个页面，实现框架链接。 如果不方便使用iframe，可以有如下解决方案： 第一种需求如果我们使用css布局来实现，即可以少一个页面，也可以提高效率。 第二种需求可以采用xmlhttp远程获取。 A.直接模拟iframe 用层做容器 #content{overflow:auto;height:200px;width:600px;backgrou...

用CSS给图片打标的方法

2017-02-06 26
<！DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/...

用css动态生成闪字的代码

2017-02-06 21
需要的一张图片： aa div{ width:0px; background:url（/upload/20077101039968.gif） } table{ letter-spacing:10px; font-size:60px; font-weight:900; filter:mask（color=#ffffff） } 我是中国人 请输入: function ss（a）{ aa.innerText=a } jb51.net [Ct...

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

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

用div+css解决出现水平滚动条问题

2017-02-06 19
十分郁闷的问题，看下我原来写的代码： 无标题文档body{width:990px;}#head{height:95px;width:990px;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 居然出现了水平滚动条，问题是我定义的宽度才950px啊！最后还是在网友的帮助下，发现了原因： 1可以直接把body的css改为: body{width:990px;margin:0;padding:0;} 2可以添加：*{margin:0;paddi...

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

2017-02-06 19
最近做了个oblog的系统模板，其中涉及到了ul，所以就整理出了这篇文章+这张大图。 ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。 ul在Firefox下有个padding值，却没有margin值；而在IE下正好相反，ul有个margin值，却没有padding值。【下图中的第二第三例的对照可以看出】 在Firefox下，ul的list-style默认是处于内容的外边缘的。当然可以通过c...

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

2017-02-06 18
我们在制作网站的时候，希望自己的网站是多风格的，用户可以根据自己的喜好选择不同的风格，这样的风格可以是布局上的变化，也可以是色彩上的差异，也可能是针对不同的用户群而特别定制的样式。 我们该如何实现多风格选择与样式的实时切换呢？ 其实只是IE不支持这个功能，我们完全可以交给浏览器去完成，FireFox就支持这个功能。 假设我们有两套CSS，分别封闭在两个不同的文件中：a.CSS和b.CSS。然后在<head>和</head>...

用css实现隐藏文本框

2017-02-06 19
方法1本来的文本框是 <inputtype="text"value=""/> 加上 <inputtype="text"value=""style="display:none;"/> 方法2 <inputtype="hidden"/>...

css实现行间距效果

2017-02-06 16
Css中行间距定义是： line-height:18px; 上面代码是将行间距设为18px。长期以来，我在定义字体样式的时候，通常是这样：#myFont{ font:12pxtahoma; line-height:18px; } 今天才发现，原来可以写成一行，修改如下： #myFont{ font:12px/18pxtahoma; }...

研究了一下div+css的高度自适应问题

2017-02-06 21
div+css还是比较难搞的，要实现上下两个div高度自适应感觉麻烦，查了下资料只找到上下高度都是百份比的是可以的，我要实现上面的div是具体像素高度，下面是自适应剩余的百份比。自己搞了一下还要用上js，不知道是不是很笨，有好的方法请大家帖出来。 <bodystyle=”height:100%;margin:0px;width:100%;”> <divid=”ddii22″style=”background-color:#ffffff;h...
<< 21 22 23 24 25 26 27 28 29 30 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图