且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

[CSS Tips]:几个css小技巧

更新时间:2022-09-10 11:17:58

1.  跨浏览器最小高度设置       
[CSS Tips]:几个css小技巧

CSS:

.element { min-height:600px; height:auto !important; height:600px; }

2. 跨浏览器的CSS透明度 
[CSS Tips]:几个css小技巧

CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
.transparent 
 
/* Modern Browsers */ opacity: 0.7
 
/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
 
/* IE 5-7 */ filter: alpha(opacity=70); 
 
/* Netscape */ -moz-opacity: 0.7
 
/* Safari 1 */ -khtml-opacity: 0.7
 
}

3.著名的 Meyer Reset(重置) 
[CSS Tips]:几个css小技巧

CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre
a, abbr, acronym, address, big, cite, code
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0
    padding: 0
    border: 0
    outline: 0
    font-weight: inherit; 
    font-style: inherit; 
    font-size: 100%
    font-family: inherit; 
    vertical-align: baseline
/* remember to define focus styles! */
:focus { 
    outline: 0
body { 
    line-height: 1
    color: black
    background: white
ol, ul { 
    list-style: none
/* tables still need 'cellspacing="0"' in the markup */
table { 
    border-collapse: separate
    border-spacing: 0
caption, th, td { 
    text-align: left
    font-weight: normal
blockquote:before, blockquote:after, 
q:before, q:after { 
    content: ""
blockquote, q { 
    quotes: "" ""
}

4.删除虚线轮廓

[CSS Tips]:几个css小技巧
1
a, a:active { outline: none; }
本文转自敏捷的水博客园博客,原文链接http://www.cnblogs.com/cnblogsfans/archive/2010/01/03/1638125.html如需转载请自行联系原作者

王德水