CSS 浮动清理，不使用 clear:both标签

2016年07月27日 58 阅读

例如： <divstyle="background:#666;"><！--floatcontainer--> <divstyle="float:left;width:30%;height:40px;background:#EEE;">SomeContent</div> </div> 此时预览此代码，我们会发现最外层的父元素floatcontainer,并没有显示。这是因为子元素因进行了浮动，而脱离...

发一个css比较清爽的写法

2016年07月27日 49 阅读

所以我的做法是像这图片一样 到时候页面改起来也很简单,两个相对应的页面上这样...

CSS 美化段落文本之首字下沉

2016年07月27日 96 阅读

Selector:first-letter {font-size:2.5em; font-family:"楷体_GB2312"; font-weight:bold; line-height:1.2em; float:left; padding:5px 2px 0 0; color:#c00;} 如果你觉得还不是很清楚，那么这里就细细讲述一下： 首先要在HTML中有一段自己的文本，是在<p></p>中的也好，在其它块标签中都可以。给他...

浅谈html中id和name的区别实例代码

2016年07月27日 63 阅读

我们可以通过一段代码来分析一下其中的微妙差别: <formmethod="post"action=""name="demoform"> <inputtype="text"name="oDemo"id=”oDemo2”value="DEMO"/> </form> 在IE浏览器里，我们可以通过多少方法来索引到这个文本框对象？（为区别起见，我们把NAME和ID设成了不同的值） 1.oDemo 2.demoform.oDemo ...

CSS布局中可以用javascript判断浏览器版本

2016年07月27日 61 阅读

if（window.XMLHttpRequest）{//Mozilla,Safari,...IE7 alert（"Mozilla,Safari,...IE7"）; if（！window.ActiveXObject）{//Mozilla,Safari,... alert（"Mozilla,Safari"）; }else{ alert（"IE7"）; } }else{ alert（"IE6"）; } 看看运行效果： if （window.XMLHttp...

htm页面中&amp;lt;a name&amp;gt;加name和id的冲突附解决方法

2016年07月27日 55 阅读

解决方法用到的核心代码如下 下面的代码放到页面的最下面即可 <scriptlanguage="javascript"> varurl=location.href; varurlarr=url.split（"#"）; vartheid=urlarr[1]; document.getElementById（theid+"2"）.style.color="yellow"; </script> VIP促销活动 var url=loc...

div css nowrap无换行

2016年07月27日 51 阅读

例如宽度为210px的ul里分别有4个li这个4个li的宽度根据它们的自身内容长度为80px、120px、140px、80px。 我需要的效果是4个li向左自动排列。当第三个li和前两个li的长度之和大于ul的宽度时候第三个li则会下移一行。在第二行显示。而不是把ul撑宽，或者是把自己撑高（内容换行，高度增加） 分别定义了ul的宽度210px和li的宽度自动，发现结果是： ul并没有被撑宽，可惜li也没有自动到下一样排列。而是内容换行，把li给撑高了。然后...

css 不换行 自动换行 强制换行的实现方法

2016年07月27日 59 阅读

强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap:break-word; word-break:normal; } 强制英文单词断行 div{ word-break:break-all; } CSS设置不转行： overflow:hidden隐藏 white-space：normal默认 pre换行和其他空白字符都将受到保护 nowrap强制在同一行内显示所有文本，直到文本结束或者遭遇br对象 设置强...

css ol有序列表

2016年07月27日 54 阅读

今天看了振之关于有序列表的一篇文章，觉得挺不错的。写个例子：类型值生成样式序列举例A大写字母A、B、C、D、Ea小写字母a、b、c、c、eI大写罗马数字I、II、III、IV、Vi小写罗马数字i、ii、iii、iv、v1阿拉伯数字1、2、3、4、5 有序列表_www.jb51.net 第一名 第二名 第三名 第四名 第五名 第六名 第七名 第八名 第九名 第十名 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

div层跨越iframe帧显示在上面的解决方法附代码

2016年07月27日 60 阅读

其实解决办法很简单，是从网上看到的，在弹出的层里加入<iframe>即可解决： <divstyle="position:absolute;width:140;height:200;z-index:10"><iframesrc="menu.asp"width="100%"height="100%"></iframe></div>-------弹出的层 <divstyle="postion:ab...

css创意ul+li实现的细线表格实现代码

2016年07月27日 58 阅读

write by 阿会楠 环境：IE7+IE6 #ulDate{ width:404px; margin:0; border-top:1px solid #cccccc; border-left:1px solid #cccccc; } #ulDate li{ float:left; width:100px; height:30px; list-style-type:none; border-right:1px solid #cccccc; bo...

css层固定位置练习

2016年07月27日 56 阅读

层固定位置练习--by 阿会楠 html,body{ overflow:hidden; padding:0; margin:0; width:100%; height:100%; } #_body{ height:100%; overflow-y:scroll; width:100%; height:100%; } #adDiv{ position:absolute; z-index:99999; bottom:10px; left:10px; ...

提高CSS网页渲染效率的11点注意事项

2016年07月27日 49 阅读

1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。 *不赞成-color:#f3a; *建议用-color:#FF33AA; 2、display与visibility的差异 他们用于设置或检索是否显示对象。display隐藏对象不保留物理空间，visibility为隐藏对...

css expression 隔行换色

2016年07月27日 53 阅读

css实现的，用expression但在实际中部建议使用，占用资源而且firefox浏览器不支持.db tr{background-color:expression（"#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff".split（","）[rowIndex%8]）;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]就两颜色的时候可以改这这样 <style&g...

javascript 获取特定的 CSS属性值

2016年07月27日 57 阅读

<linkid="system_style"type="text/css"href="global.css"rel="stylesheet"/> <divid="myArticle"> ... </div> 在global.css中声明了 #myArticle{ width:400px; height:300px; } 这样的情况下，直接通过JS进行getElementById（"myArticle"）.styl...

不错的整理的24则css技巧

2016年07月27日 56 阅读

虽然在许多的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理解，您可以进行搜索，扩展您所想要得到的知识，相信您会有很多收获！ 一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符...

CSS教程之CSS的应用

2016年07月27日 59 阅读

一、In-line行内 行内样式是在html标签里直接使用style属性 <pstyle="color:red">text</p> 设定段落文字红色。 但要记住，最后的HTML应该是独立出来，使用表现文档，所以行内样式应该在任何地方避免。 二、Internal内部 使用于整个页面的植入内部样式在head标签里面，style标签包围样式。 <！DOCTYPEhtmlPUBLIC"-//W3C//DTDXHT...

CSS教程之css选择器 、属性、值

2016年07月27日 55 阅读

body{ font-size:0.8em; color:navy; } 上面的意思是为body选择器设置font-size字体大小和color字体颜色。 所以基本的，当它作用与HTML页面时，在body标签（整个窗口中的内容）之间的文字颜色是navy字体大小是0.8ems。 长度和百分比 CSS里面有许多属性值要指定单位，但有些基本单位被使用在一些属性上，在这之前值得属性下它们。 em比如font-size:2em给于字体计算出的大小，所...

CSS的color颜色使用说明

2016年07月27日 64 阅读

red红色 等同于 rgb（255,0,0） 等同于 rgb（100%,0%,0%） 等同于 #ff0000 等同于 #f00 有17个预先确定的颜色，它们是： aqua,black,blue,fuchsia,gray,green,lime,maroon,navy, olive,orange,purple,red,silver,teal,white,andyellow. transparent也是一个正确的值。 rgb的三个值都是从0到...

html页面head区域的编码书写规范

2016年07月27日 51 阅读

今天我们简单的介绍一下head区域主要放置了内容。这里就不强调css和javascript了，这两者是大家所熟知的。 head区一般必须加入的标识有： 公司版权注释 <！---thesiteisdesignedbyMrJin03/2001---> 网页显示字符集 简体中文： <metahttp-equiv="content-type"content="text/html;charset=gb2312"> 繁体中文： <meta...