-
几个常用经典的css技巧
所属栏目:[百科] 日期:2016-12-07 热度:130
使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。 清除容器浮动 #main { overflow:hidden; } 期前也提到过这样的问题,更多信息可[详细]
-
css+table 1px边框单元格
所属栏目:[百科] 日期:2016-12-07 热度:93
css table 之1px边框单元格--脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
css之使table也能overflow:hidden
所属栏目:[百科] 日期:2016-12-07 热度:55
css table 超出隐藏 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
firefox css自动换行的实现方法
所属栏目:[百科] 日期:2016-12-07 热度:91
IE直接用: word-break:break-all;nbsp;nbsp;/*允许词内换行*/nbsp;nbsp;nbsp; word-wrap:break-word;nbsp;/*内容将在边界内换行*/nbsp;nbsp;nbsp; /*需要注意的默认是:*/nbsp;nbsp;nbsp; word-wrap:normalnbsp;/*允许内容顶开指定的窗口边界*/nbsp;nbsp;nb[详细]
-
css支持标准的图片垂直居中
所属栏目:[百科] 日期:2016-12-07 热度:109
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
CSS的color颜色使用说明
所属栏目:[百科] 日期:2016-12-07 热度:168
red红色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 有17个预先确定的颜色,它们是: aqua,nbsp;black,nbsp;blue,nbsp;fuchsia,nbsp;gray,nbsp;green,nbsp;lime,nbsp;maroon,nbsp;navy,nbsp; olive,nbsp;orange,nbsp;purple,n[详细]
-
html页面head区域的编码书写规范
所属栏目:[百科] 日期:2016-12-07 热度:122
今天我们简单的介绍一下head区域主要放置了内容。这里就不强调css和javascript了,这两者是大家所熟知的。 head区一般必须加入的标识有:nbsp; 公司版权注释 lt;!---nbsp;thenbsp;sitenbsp;isnbsp;designednbsp;bynbsp;MrJinnbsp;03/2001nbsp;---gt;nbsp;nb[详细]
-
CSS教程之css选择器 、属性、值
所属栏目:[百科] 日期:2016-12-07 热度:88
bodynbsp;{nbsp; nbsp;nbsp;nbsp;nbsp;font-size:nbsp;0.8em;nbsp; nbsp;nbsp;nbsp;nbsp;color:nbsp;navy;nbsp; }nbsp; 上面的意思是为body选择器设置font-size字体大小和color字体颜色。nbsp; 所以基本的,当它作用与HTML页面时,在body标签(整个窗口中[详细]
-
不错的整理的24则css技巧
所属栏目:[百科] 日期:2016-12-07 热度:137
虽然在许多的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以进行搜索,扩展您所想要得到的知识,相信您会有很多收获!nbsp; 一、ul标签在Mozilla中默认是有paddi[详细]
-
CSS教程之CSS的应用
所属栏目:[百科] 日期:2016-12-07 热度:157
nbsp; 一、In-linenbsp;行内nbsp; 行内样式是在html标签里直接使用style属性nbsp; nbsp;nbsp; lt;pnbsp;style="color:nbsp;red"gt;textlt;/pgt;nbsp; 设定段落文字红色。nbsp; 但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何[详细]
-
css expression 隔行换色
所属栏目:[百科] 日期:2016-12-07 热度:103
css实现的,用expression但在实际中部建议使用,占用资源而且firefox浏览器不支持 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 就两颜色的时候可以改这这样 lt;stylegt; .dbnbsp;tr{ background-color:expression('#abcdef,#123456'.split(',')[rowInde[详细]
-
javascript 获取特定的 CSS属性值
所属栏目:[百科] 日期:2016-12-07 热度:193
lt;linknbsp;id="system_style"nbsp;type="text/css"nbsp;href="global.css"nbsp;rel="stylesheet"/gt;nbsp; lt;divnbsp;id="myArticle"gt; ... lt;/divgt; 在global.css中声明了 #myArticle{ width:400px;nbsp; height:300px; } 这样的情况下,直接通过JS[详细]
-
提高CSS网页渲染效率的11点注意事项
所属栏目:[百科] 日期:2016-12-07 热度:106
1、十六进制的颜色值对位数与大小写nbsp; 编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率[详细]
-
css创意ul+li实现的细线表格实现代码
所属栏目:[百科] 日期:2016-12-06 热度:91
write by 阿会楠 环境:IE7+IE6 时间 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
css层固定位置练习
所属栏目:[百科] 日期:2016-12-06 热度:130
层固定位置练习--by 阿会楠 脚本之家 nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; nbsp[详细]
-
div层跨越iframe帧显示在上面的解决方法附代码
所属栏目:[百科] 日期:2016-12-06 热度:78
其实解决办法很简单,是从网上看到的,在弹出的层里加入lt;iframegt;即可解决: lt;divnbsp;style="position:absolute;width:140;height:200;z-index:10"gt;lt;iframenbsp;src="menu.asp"nbsp;width='100%'nbsp;height='100%'gt;lt;/iframegt;lt;/divgt;---[详细]
-
css 不换行 自动换行 强制换行的实现方法
所属栏目:[百科] 日期:2016-12-06 热度:147
强制不换行 div{ white-space:nowrap; } 自动换行 div{nbsp; word-wrap:nbsp;break-word;nbsp; word-break:nbsp;normal;nbsp; } 强制英文单词断行 div{ word-break:break-all; } CSS设置不转行: overflow:hiddennbsp;隐藏 white-space:normalnbsp;默认nbs[详细]
-
css ol有序列表
所属栏目:[百科] 日期:2016-12-06 热度:106
今天看了振之关于有序列表的一篇文章,觉得挺不错的。写个例子: 有序列表_www.jb51.net 第一名 第二名 第三名 第四名 第五名 第六名 第七名 第八名 第九名 第十名 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
htm页面中lt;a namegt;加name和id的冲突附解决方法
所属栏目:[百科] 日期:2016-12-06 热度:88
解决方法用到的核心代码如下 下面的代码放到页面的最下面即可 lt;scriptnbsp;language="javascript"gt; varnbsp;url=location.href; varnbsp;urlarr=url.split("#"); varnbsp;theid=urlarr[1]; document.getElementById(theid+"2").style.color="yellow";[详细]
-
div css nowrap无换行
所属栏目:[百科] 日期:2016-12-06 热度:98
nbsp; 例如宽度为210px的ul里nbsp;nbsp;nbsp;分别有4个linbsp;这个4个li的宽度根据它们的自身内容长度为80px、120px、140px、80px。 nbsp;nbsp;nbsp;nbsp;我需要的效果是4个li向左自动排列。当第三个li和前两个li的长度之和大于ul的宽度时候nbsp;第三个li则[详细]
-
浅谈html中id和name的区别实例代码
所属栏目:[百科] 日期:2016-12-06 热度:55
我们可以通过一段代码来分析一下其中的微妙差别: lt;formnbsp;method="post"nbsp;action=""nbsp;name="demoform"gt; lt;inputnbsp;type="text"nbsp;name="oDemo"nbsp;id=”oDemo2”nbsp;value="DEMO"nbsp;/gt; lt;/formgt; 在IE浏览器里,我们可以通过多少[详细]
-
CSS布局中可以用javascript判断浏览器版本
所属栏目:[百科] 日期:2016-12-06 热度:171
ifnbsp;(window.XMLHttpRequest)nbsp;{nbsp;//Mozilla,nbsp;Safari,...IE7nbsp; alert('Mozilla,nbsp;Safari,...IE7nbsp;'); if(!window.ActiveXObject){nbsp;//nbsp;Mozilla,nbsp;Safari,... alert('Mozilla,nbsp;Safari'); }nbsp;elsenbsp;{ alert('IE7')[详细]
-
CSS 美化段落文本之首字下沉
所属栏目:[百科] 日期:2016-12-06 热度:131
nbsp;nbsp;nbsp; 如果你觉得还不是很清楚,那么这里就细细讲述一下: nbsp;nbsp;nbsp; 首先要在HTML中有一段自己的文本,是在lt;pgt;lt;/pgt;中的也好,在其它块标签中都可以。给他个ID也好,class也好,直接的标签也可以,先找到这个选择符,这里假设一段[详细]
-
发一个css比较清爽的写法
所属栏目:[百科] 日期:2016-12-06 热度:172
所以我的做法是像这图片一样 到时候页面改起来也很简单,两个相对应的 页面上这样[详细]
-
CSS控制图片大小-适应宽度
所属栏目:[百科] 日期:2016-12-06 热度:143
不知道家有没有遇到过这样的情况:在CSS控制图片大小时,如果把图片的宽度写死,比如nbsp;img{width:500px;}nbsp;,固然,如果图片宽度大于500px可以很好的控制它不让它过大,但如果图片宽度小于500px,比如说只有100px时,刚才的写法会把这张图扩大5倍显示[详细]