说起来汗颜,如此常用的checkbox我改变样式,居然需要百度,而且百度很久,更可气的是百度很久找不到可行的解决方案。 后来在csscheckbox.com上找到很多样式,结果一测兼容性IE不行。如此一来,耽误了很久的时间。 抄了近道屡试不行,回归JQuery UI,不用说兼容性挺好,而且样式自己随心画。 在此记录一款checkbox的样式,供大家也供我以后方便使用。 有三种状态,default、hover和active,并测试过,能完美兼容IE8/9/10,FF等。 ...
代码如下: <style type="text/css"> <!-- 超链接文本字体设置--> A { FONT-SIZE: 16px; FONT-FAMILY: 宋体 } <!-- 超链接正在连接的文本字体设置--> A:link { COLOR: #0055bb; TEXT-DECORATION: none } <!-- 超链接访问过的文本字体设置--> A:visited { COLOR: #0077bb; TEXT-DECORATION: none } <!-- 超链接鼠标盘旋的文本字体设置--> A:hover { COLOR: #ff0000; TEXT-DECORATION: none } </style>
1 css样式没有加分号“;”2 标签没有关闭 缺少">"
代码如下: html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block; unicode-bidi: embed } li { display: list-item } head { display: none } table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table...
这两天在做百姓网的笔试题的时候遇到了这样一个问题,用 HTML5 的新特性实现百姓网现有的一个模块,在百姓网中逛了一阵后最终选定了发布信息所用的表单模块,原因很简单,在 HTML5 中针对表单有很多新特性可以使用,这些新特性也很有实用性,毕竟有表单的地方实在是太多了,比如注册啦,登录啦,发帖啦......(喂,有点跑题了亲。) 这个时候,我看到原始网页中的表单里有这么个元素 我的第一反应就是,哈,input元素而已,用CSS定...
1:标签选择器 标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式 代码如下:<html><head><styletype="text/css">p{font:"宋体"; color:#FF0000}</style></head><body><pid="p1">我现在表现的是标签选择器</p><pid="p2">我也用的是标签选择器</p><h1>我没有被任何的选择器修饰</h1></body></html> 2:id选择器,注意id选择器是唯一的,因为只有id="yy"的才有这种样式,而一个页面里元素...
今晚解决了一个困扰几天的问题,但还不知道是否真解决了,希望是!另外突然想起几年前用过的一个隐藏样式代码,有些时候用它非常方便,比如想让某块表格TABLE或者DIV里的内容完全看不到,那就加上他,嘿嘿,就隐身了!红色这句加进去就可以了!写在这里做个记录!其实很简单!但很实用代码如下:<table width="200" border="1" bgcolor="#333333"><tr> <td colspan="3"> </td></tr></table><table width="200" border="1" bgcolo...
为什么要美化file控件?试想一下,别的孩子都穿戴整齐漂亮,其中两个孩子怎么都不鸟你,太不和谐了。 原始的file控件是这样的: 别以为这个是由一个text和一个button组合成的,它是一个控件,html代码为:代码如下: <input type="file" name="file" /> 既然这样我们就用一个text和一个button来显示这个file的样式,html代码是这样: 代码如下: <div class="file-box"> <form action="" method="post" enctype="multipart/fo...
虽然w3c制订了html的一些标准:浏览器们都会按照自己预定义的样式来解析渲染网页中的标签,firefox可以通过在地址栏里输入resource://gre/res/html.css的命令来得到firefox的默认样式表。要是ie也有这个命令该多好!你也可以在不同版本的firefox地址栏输入这个命令,这样就可以对比firefox不同版本的差异,这让我们在Reset CSS的时候有了重要的参考。 /* ***** BEGIN LICENSE BLOCK ***** * Version: MPL 1.1/GPL 2.0/LGPL 2.1 * *...
这其实不是ie官方的文档,好像是别人经过实践搞出来的ie6的默认样式,这个对我们驯服ie6很有参考价值。你会从根本理解ie出现的那些bug的原因。不过可惜ie不像firefox哪样通过在地址栏输入命令来直接查看firefox的默认样式。 ======================================= INTERNET EXPLORER 6 DEFAULT STYLE SHEET ======================================= ****** HYPOTHETICAL ******************* This is a work in progress. Valu...
<meta http-equiv="x-ua-compatible" content="ie=7" />
这是w3c组织给出html4的样式建议,可惜浏览器们都加上自己的私有属性,让标准成了浮云。不过对于我们仍然是很有参考意义的。Appendix D. Default style sheet for HTML 4This appendix is informative, not normative.This style sheet describes the typical formatting of all HTML 4 ([HTML4]) elements based on extensive research into current UA practice. Developers are encouraged to use it as a default style sheet ...
这是一篇很久以前的文章了,现在看来,其中的思想很值得大家学习,在jb51.net学习案例的同时,不仿学习一些理论的知识,对您知识的突破会很有帮助。大家加油! 自从看了Zeldman先生的力作“Designing with Web Standards”中文版为《网站重构》(第2版)一书,感受颇深,坚定了我用web标准的思想,去开发实践我们的项目。但是仅知道一些什么是web标准以及如何应用到实际项目中,还是远远不够的。必须对web标准中的每...
使用FRAME属性可以控制表格边框的样式类型。基本语法<TABLE Frame="value">语法解释VALUE的取值如下表所示:表格的边框样式属 性 值描述Above显示上边框Below显示下边框Border显示上下左右边框Box显示上下左右边框Hsides显示上下边框Lhs显示左边框Rhs显示右边框Void不显示边框Vsides显示左右边框文件范例:10-12.htm设定表格的边框样式。01 <!-- ------------------------------ -->02 <!-- 文件范例:10-12.htm -->03 <!-- 文件说...
这个例子主要学习两个参数onblur和onFocus.因为这两个参数以前很少遇到,baidu 一下明白了,onblur 是控件在失去焦点的时候触发的事件,而onFocus就是成为输入焦点的时候触发的事件,这两个参数都可以和className结合直接调用样式表类名<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><ti...