说起来汗颜，如此常用的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...