前端 - HTML
文章平均质量分 75
吉普赛的歌
这个作者很懒,什么都没留下…
展开
-
不可能被撑开的table和div
.tabWordBreak{table-layout:fixed;word-wrap:break-word;word-break:break-all;} div, table 经常会现让内容给撑开的情况, 大部分原因就是里面有一长串连续的字母数字, 因为没有空格和换行, 浏览器不知怎么将其断开, 所以让它的宽度无限延伸了。table还好一点,用了上面的样式基本上不可能原创 2011-12-15 11:52:38 · 5583 阅读 · 2 评论 -
较为复杂的表格样式Demo
.currPageTableOuter{ width:100%;border:2px solid blue;border-collapse:collapse} .currSpecialPrevTrTd{border-bottom:1px solid black;} .currSpecialTr{background-color:#D4D0C8} .c原创 2012-01-09 22:35:56 · 4669 阅读 · 0 评论 -
CSS —— 兼容各个浏览器的select的样式
如何让select的样式也漂亮起来<!--.select * { margin: 0; padding: 0;}.select { border:1px solid #cccccc; float: left; display: inline; }.select div { border:1px solid #f9f9f9; float: left;}转载 2012-01-05 11:55:48 · 40695 阅读 · 3 评论 -
IE, firefox中均能正常对应的文本框与select
input.inputTS{background-color:#FFFFFF;border: 1px solid #999999;height:20px;line-height:20px;font-size:12px;margin:0;padding:0;} select.inputTS{vertical-align:top;background-color:#FFFFFF;border:原创 2012-02-27 21:28:06 · 1038 阅读 · 0 评论 -
HTML——能固定于左侧的弹出框
#divSideContent { position: fixed; top: 150px; width: 200px; height: 390px; margin: 0px; padding: 0px; backg原创 2012-03-13 21:14:48 · 3532 阅读 · 0 评论 -
css: inline, inline-block, inline-table 在不同浏览器上的比较( 测试元素为三个table并列 )
IE6/7(IE_Test)IE8(xp/2003)IE9Chrome 18.0.1025.162 mFirefox 12.0inline√√√X√inline-blockX√?√√inline-tableX√√√√ 所以原创 2012-04-28 17:05:34 · 7925 阅读 · 0 评论 -
CSS定义字体间距 字体行与行间距
CSS定义字体行间距 line-height:xxpx;CSS定义字体间距下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:属性 属性含义 属性值Word-spacing 定义了各个单词之间的间距 Normal必须以长度为单位Letter-spacing 定义了每个字母之间的间距 同上Text-decoration 定义文字的“装饰”样式转载 2012-12-03 12:53:11 · 6864 阅读 · 0 评论 -
固定不动的层(兼容IE6)
原文: 点击打开链接利用模拟的position:fixed做的对联* { padding:0; margin:0;}body { height:100%; overflow:hidden; font-size:14px; line-height:2; position:relative;}html { height:100%; overflow:hidden;}.fi转载 2013-01-06 16:14:30 · 1100 阅读 · 0 评论 -
CSS:IE滚动条样式设置
原文:点击打开链接如果您看够了主页中灰色的滚动条,想让他变一种颜色,您该怎么办呢? 其实这很简单,插入一段代码就能实现了(必须是IE5以上,或者是以IE5为内核的浏览器)首先,先让我们看这张图注意:如果用这些属性,需要把网页的w3c等标准去掉,开头仅以开始。BODY { SCROLLBAR-FACE-COLOR: rgb(10,236,209); //滚转载 2013-05-10 14:34:33 · 1498 阅读 · 0 评论 -
html禁止清除input文本输入缓存
原文: 点击打开链接多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值,有2种方法:方法一: 在不想使用缓存的input中添加 autocomplete="off"; eg: 方法二: 在 input 所在的form标签中添加 autocomplete="off"; eg:转载 2014-04-15 15:27:00 · 7640 阅读 · 0 评论 -
经典的左中右布局
body{margin: 0px;} #divLeft{width:100px;height:800px;float: left;margin:0px;background-color:#8ADEFF;} #divCenter{width:100%;height:800px;margin:0px auto;background-color:#A4C8EE;}原创 2011-11-18 14:17:54 · 1260 阅读 · 2 评论 -
select中不可选择的option
北京奔驰—戴克 北京现代 长安汽车 长安铃木原创 2011-07-28 15:37:26 · 3694 阅读 · 0 评论 -
background-image的url
background-image:url 就直接从该css文件所在路径做为相对路径找起。如:.Wdate{ background:#fff url(datePicker.gif) no-repeat right;}//这就说明: 此图片与css文件在同一原创 2011-04-11 13:35:00 · 2268 阅读 · 0 评论 -
visibility和display的区别
大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。<br /><br />visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏)。<br /><br />当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。例:<br /><br /><br /><script langu原创 2011-05-20 09:51:00 · 1283 阅读 · 0 评论 -
table里面不常用的标签《thead,tbody,th,caption,tfoot》
无标题文档原创 2011-04-02 17:01:00 · 6098 阅读 · 0 评论 -
一行代码完美解决fireFox,opera的页面居中对齐问题
<br />解决fireFox,opera页面居中对齐:直接设置div的margin为auto...就这么简单。<br /><style type="text/css"><br /> div{margin:auto;}<br /></style><br /><br />当然,这是针对你的页面是以DIV做为框架的,如果是用table,在样式中将div换成table就行了!<br />原创 2011-04-09 10:58:00 · 841 阅读 · 0 评论 -
iframe--的一些方法
<br />self.frameElement.name;<br />self.frameElement.id;<br />self.frameElement.offsetHeight;原创 2011-04-11 21:23:00 · 536 阅读 · 0 评论 -
圆角矩形——不用图片
Untitled Page原创 2011-05-06 16:01:00 · 824 阅读 · 0 评论 -
Table 的 rules规则
function rowRules() { document.getElementById('myTable').rules = "rows" } function colRules() { docu原创 2011-07-13 14:13:04 · 1506 阅读 · 0 评论 -
解决中文Chrome最小字体为12px问题
如果有字体为11px的情况, 会造成页面的错乱!html,body{ -webkit-text-size-adjust:none;}注意:如果使用了这个属性,浏览器的字体将不能使用放大缩小功能!但是在英文Chrome下是没有这个问题的.原创 2011-07-25 11:49:12 · 1591 阅读 · 0 评论 -
CSS样式表中a:link,a:visited,a:hover,a:active属性含义
a:link,a:visited,a:hover,a:active 分别是什么意思,有什么用途明了的: link:连接平常的状态 active:连接被按下的时候 visited:连接被访问过之后 hover:鼠标放到连接上的时候转载 2011-08-01 10:11:27 · 6850 阅读 · 0 评论 -
label标签
Your Name:请问,这里面的for是什么意思啊。最佳答案for是label的一个属性,为页面上的其它元素指定一个标签。解释一下,要把lable绑定到其它的控件,需将lable元素的for属性设置为与该控件的id相同。一般在提交表单时,为lable元素原创 2011-09-02 11:30:21 · 4027 阅读 · 0 评论 -
双线表格
table.edit{border-collapse: collapse;border-width: 4;border-style: double;border-color:#15336F;behavior:url("table.htc");}页面名称p原创 2011-08-24 11:24:42 · 1110 阅读 · 0 评论 -
strong与b的区别
<br /> 关于html标签中b和strong两个的区别,我也是今早上才注意的,以前都是混着用的,早上看书的时候才注意到这两个标签的区别。<br /> 用在网页上,默认情况下它们起的均是加粗字体的作用,二者所不同的是,<b>标签是一个实体标签,它所包围的字符将被设为bold(粗体),而<strong>标签是一个逻辑标签,它的作用是加强字符的语气,一般来说,加强字符的语气是通过将字符变为bold(粗体)来实现的。<br /> 简单的说strong是web标准中xh转载 2011-05-19 14:53:00 · 5868 阅读 · 3 评论