文章列表
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<style type="text/css">
.content{
width: 100px;
height: 100px;
border: 1px solid #333;
margin: 10px;
...
CSS3圆角属性在Firefox,Chrome,Safari的实现
今天在aw那里看到他的博客用了Firefox专有的圆角属性,另外WordPress的后台也使用了,于是我自己也就试一下来用了。目前IE还未支持圆角属性,IE8我还不清楚支不支持,或许我们以后只要使用border-radius这个CSS3属性就能轻松地在现代浏览器实现这个困扰很多小盆友的问题了,希望这一天的到来不会太遥远。目前我们已经可以在Firefox,Chrome,Safari实现这个功能了,但他们也还是使用私有属性来实现,用法上略有区别。
先说一下Firefox的圆角属性:
-moz-border-radi ...
必须知道的学习html5的技巧
- 博客分类:
- html5
1.新的文档类型(Doctype)
<!DOCTYPE html>,只要简单的15个字符就可以了,再也不用像以前那样写一长串文档类型的代码了。
2.重新定义<small>
<small>元素被重新定义了,或者更恰当地说,它现在用来代表小字或其他边注(如,网站底部的版权声明)。
3.不再需要脚本,链接类型,即去掉了type属性
<link rel="stylesheet" href="path/to/stylesheet.css" />
<script src=&q ...
IE各版本浏览器之间的识别概括如下:
IE6:能识别 * 、\9 和 _ ,不能识别 !important
IE7:能识别 * 、\9 和 !important,不能识别 _
IE8:能识别 \9 和 !important ,不能识别 _ 和 *
Firefox(Chrome):能识别 !important,不能识别 _ 和 *
书写顺序,一般是将识别能力强的浏览器的css写在后面。
1. !important
!important 的作用是提高指定样式规则的应用优先权,只有IE6不识别
区别IE6和(IE7以上及其他浏览器)
body{
color:blue ...
//email格式验证/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$///url格式验证(全局匹配加g)
/^((https?|ftp|gopher|telnet|file|notes|ms-help):((\/\/)|(\\\\))+[\w\d:#@%\/;$()~_?\+-=\\\.&]*)$/g//只能输入中文/^[\u0391-\uFFE5]+$/ //英文和数字组成/^[A-Za-z0-9]+$///英文、数字和下划线组成/^\w+$///电话号码格式验证/^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2 ...