css選擇·û´ó雜燴
ÀàÐÍÑ¡Ôñ·û£ºµ¥Ö¸ÔªËصÄÃû×Ö£¬¶øûÓдóÓںźÍСÓÚºÅ
ÀàÑ¡Ôñ·û£ºÑ¡ÔñËùÓи³ÓÐÏàͬÀàµÄÔªËØ Ò»¸öµãºÅºóÃæ¸úÀàÃû£¬ÀàÑ¡Ôñ·ûÒª¸ú×ÅÀàÃûµÄºóÃæ¡£ ¿ÉÒ԰ѼÓÔÚͨÅä·û*µÄºóÃæÀ´Ñ¡ÔñÎĵµÖÐËùÓи³Óè¸ÃÀàµÄÔªËØ£¬
Id Ñ¡Ôñ·û
Ⱥ×éÑ¡Ôñ·û£º¶à¸öÑ¡Ôñ·ûÓöººÅÁ¬ÆðÀ´
ºó´úÑ¡Ôñ·û£º¶à¸öÑ¡Ôñ·ûÓÿհ×Á¬ÆðÀ´
×ÓÑ¡Ôñ·û£º¶à¸öÑ¡Ôñ·ûÓôóÓÚºÅÁ¬ÆðÀ´
Ê××ÓÑ¡Ôñ·û£º °Ñ:first-child¼ÓÔÚÈκÎÑ¡Ôñ·ûºó¡£
ÐÖµÜÑ¡Ôñ·û£º¶à¸öÑ¡Ôñ·ûÓüӺÅÁ¬½ÓÆðÀ´
ÊôÐÔ´æÔÚÑ¡Ôñ·û£º°ïÄãÑ¡Ôñº¬ÓÐij¸öÊôÐÔµÄÔªËØ£¬ÓÃÖÐÀ¨ºÅ°üΧµÄÊôÐÔµÄÃû×Ö¡£SELECTOR[title]
ÊôÐÔ´Ê»ãÑ¡Ôñ·û£º°ïÄãÑ¡ÔñÊôÐÔÖаüº¬ÁËij¸ö¾ßÌå´Ê»ãµÄÔªËØ SELECTOR[title = “WORD”]
ÊôÐÔֵѡÔñ·û£º °ïÄãÑ¡ÔñÊôÐÔÖµÖаüº¬ÁËij¸ö¾ßÌåÖµµÄÔªËØ SELECTOR[ title =”EXACT_MATCH_OF_ENTIRE_VALUE”]
Ie6²»Ö§³Ö£¬ie7Ö§³Ö½ÏºÃ
僞ÀàÔªËØÑ¡Ôñ·û£º
ELEMENT:first-letter {STYLES}
*.CLASS:first-letter {STYLES}
#ID:first-letter {STYLES}
ELEMENT:first-line {STYLES}
*.CLASS:first- line {STYLES}
#ID:first- line {STYLES}
×¢Ò⣺first-element, first-lineÖ»¶ÔÖն˿é×´ÔªËØÏà´îÅ䣬¶ÔÄÚÁªÔªËØ»ò½á¹¹»¯¿é×´ÔªËز»Æð×÷Óá£
¾ÖÏÞ£ºIe6²»Ö§³Ö£¬³ý·ÇÊÇÑ¡Ôñ·ûÁ´ÖеÄ×îºóÒ»¸öÑ¡Ôñ·û¡£Ie7ÖÐÐÞÕýÁË¡£
First-letter Óëfont£¬textÊôÐÔ´îÅäºÜºÃ¡£ä¯ÀÀÆ÷²»Äܶ¨Î»僞ÀàÔªËØ£¬¶ÔËûÃǵÄÅÅÁÐÒ²´æΪÎÊÌ⣬Ҳ¾ÍÊÇ˵£ºpostion£¬left£¬right£¬top£¬bottom僞ÀàÔªËز»Æð×÷Óá£Í¬Ñùvertical-align¶Ô僞ÀàµÄ´¦ÀíÒ²²»Ò»Ö¡£
ä¯ÀÀÆ÷Ò²»áÓÐһЩÀýÍâµÄÇé¿ö£¬ÈçËûÃDz»ÄÜÑ¡ÔñµÚÒ»¸ö×Öĸ»òÕßÑ¡Ôñ²»Ö¹µÚÒ»¸ö×Öĸ£¬ÀýÈ統ͼƬ»ò¶ÔÏó·ÅÔÚµÚÒ»¸ö×Öĸǰ£¬ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼²»ÄÜÑ¡ÔñµÚÒ»¸ö×Öĸ£¬±ÈÈçopera 9 ²»»áÑ¡Ôñµ¥Ôª¸ñµÄµÚÒ»¸ö×Öĸ£¬ie6Ôò°ÑÁбíÑ¡ÏîÖеĵÚÒ»¸ö×ÖĸºÍÁбí±êʶ¶¼Ò»ÆðÑ¡Ôñ¡£×îºó£¬僞ÀàÔªËØ»¹»á´¥·¢ä¯ÀÀÆ÷±¨´í£¬ËùÓÐÒ»¶¨ÒªÔÚËùÓÐÖ÷Á÷ä¯ÀÀÆ÷ÖÐ×Ðϸ¼ì²éÄãËùʹÓõÄ僞ÀàÔªËØ
µ±僞ÀàÑ¡Ôñ·ûλÓÚȺ×éÑ¡Ôñ·ûÖУ¬ie6½«²»ÄÜʶ±ðËûÃÇ¡£±ØÐëÉùÃ÷ DOCTYPE£¬ÕâÑù :first-child ²ÅÄÜÔÚ IE ÖÐÉúЧ¡£<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
僞類選ਓ
Ïà¹ØÎĵµ£º
#weblmenu
{
height:22px;
width:700px;
float:left;
display:inline;
text-align:left;
}
#weblmenu ul
{
height:22px;
width:700px;
text-align:left;
float:left;
}
#weblmenu ul li
{
height:22px;
width:110px;
float:left;
list-style-type:none;
text-align:center;
word-break:break-all;
} ......
Óï·¨£º
border-width : medium | thin | thick | length
²ÎÊý£º
medium : ¡¡Ä¬ÈÏ¿í¶È
thin : ¡¡Ð¡ÓÚĬÈÏ¿í¶È
thick : ¡¡´óÓÚĬÈÏ¿í¶È
length : ¡¡Óɸ¡µãÊý×ֺ͵¥Î»±êʶ·û×é³ÉµÄ³¤¶ÈÖµ¡£²»¿ÉΪ¸ºÖµ¡£Çë²ÎÔij¤¶Èµ¥Î»
˵Ã÷£º
Èç¹ûÌṩȫ²¿Ëĸö²ÎÊýÖµ£¬½«°´ÉÏ£Óңϣ×óµÄ˳ ......
¼ä϶ÊôÐÔÊÇÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߽çµÄ¾àÀë¡£°üÀ¨£º
1£©×ó¼ä϶ÊôÐÔ£¨padding-left£©
Õâ¸öÊôÐÔÓÃÀ´É趨×ó¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1{padding-left:1cm}
2£©ÓÒ¼ä϶ÊôÐÔ£¨padding-right£©
Õâ¸öÊôÐÔÓÃÀ´É趨ÓÒ¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1 {padding-right:1cm}
3£©Éϼä϶ÊôÐÔ£¨padding-top£©
Õâ¸öÊôÐÔÓÃÀ´É趨Éϼä϶µÄ¿í¶È¡£À ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
ScrollBar
{
/*»®¶¯¿éͼƬƤ·ô*/
thumbDownSkin: Embed(source="scrollBar/thumb. ......