cssʵÏÖÍøÒ³±³¾°½¥±ä
ÓÃcssʵÏÖÍøÒ³±³¾°½¥±äµÄ´úÂëÈçÏ£º
Ò»¡¢´ÓÉÏÍùϽ¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
Èý¡¢´Ó×óÍùÓÒ½¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
ËÄ¡¢´ÓÉÏÍùϽ¥±ä
Example Source Code [www.mb5u.com]
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
Ïà¹ØÎĵµ£º
¼ä϶ÊôÐÔÊÇÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߽çµÄ¾àÀë¡£°üÀ¨£º
1£©×ó¼ä϶ÊôÐÔ£¨padding-left£©
Õâ¸öÊôÐÔÓÃÀ´É趨×ó¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1{padding-left:1cm}
2£©ÓÒ¼ä϶ÊôÐÔ£¨padding-right£©
Õâ¸öÊôÐÔÓÃÀ´É趨ÓÒ¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1 {padding-right:1cm}
3£©Éϼä϶ÊôÐÔ£¨padding-top£©
Õâ¸öÊôÐÔÓÃÀ´É趨Éϼä϶µÄ¿í¶È¡£À ......
ÍⲿÒýÓÃCSS
ÖÐ link
Óë@import
µÄÇø±ð
ÕâÁ½ÌìдÁËCSSÑùʽ£¬¾ßÌåÑо¿ÁËXHTML¼ÓÔØCSS
µÄ¼¸ÖÖ·½Ê½£¬ÆäÖÐÍⲿÒýÓÃCSS
·ÖΪÁ½ÖÖ·½Ê½link
ºÍ@import
¡£
±¾ÖÊÉÏ£¬ÕâÁ½ÖÖ·½Ê½¶¼ÊÇΪÁ˼ÓÔØCSS
Îļþ£¬µ«»¹ÊÇ´æÔÚ×Åϸ΢µÄ²î±ð¡£
* ²î±ð1£ºÀÏ׿×ڵIJî±ð¡£link
ÊôÓÚXHTML±êÇ©£¬¶ø@import
ÍêÈ«ÊÇCSS
Ìá¹ ......
IE6 IE7 IE8 Firefox Opera Google
·¶Àý
>
Y
Y
N
N
N
N
.type { >color: #F00; }
.
Y
Y
N
N
N
N
.type { .color: #F00; }
*
Y
Y
N
N
N
N
.type { *color: #F00; }
_
Y
N
N
N
N
N
.type { _color: #F00; }
!important
N
Y
Y
Y
......
.styleName{
color
:
#FFF
;
/* FF,OP,IE8 */
[
;
color:
#0F0
;
]
/* Sa,CH */
*
color
:
#FF0
;
/* IE7 */
_color:
#F00
;
/* IE6 */
}
.styleName{
background-color
:
#332200
;
/* FF*/
}
html*
.styleName{
background-color
:
#FF00FF
;
/* Sa IE7 CH */
}
*+
html .style ......
jQuery, MooTools, Prototype µÈÓÅÐãµÄ JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØÊµÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash ¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS µÄ Web ͼ±í¿ò¼Ü¡£ 1. Flot Flot ......