css样式表

jì shù > css yàng shì biǎo

·No. 1	·No. 2	·shénme shì yàng shì biǎo
·rú hé jiāng yàng shì biǎo jiā rù nín de wǎng yè	·gēn jù fēn biàn shuài bù tóng， diào yòng bù tóng de css wén jiàn	·更多结果...

No. 1

No. 2

shénme shì yàng shì biǎo
　　css shì cascadingstylesheet de suō xiě。 yì zuò「 céng dié yàng shì biǎo dān」。 shì yòng yú（ zēng qiáng） kòng zhì wǎng yè yàng shì bìng yǔn xǔ jiāng yàng shì xìn xī yǔ wǎng yè nèi róng fēn lí de yī zhǒng biāo jì xìng yǔ yán。
　　 rú hé jiāng yàng shì biǎo jiā rù nín de wǎng yè
　　 nǐ kě yǐ yòng yǐ xià sān zhǒng fāng shì jiāng yàng shì biǎo jiā rù nín de wǎng yè。 ér zuì jiē jìn mù biāo de yàng shì dìng yì yōu xiān quán yuè gāo。 gāo yōu xiān quán yàng shì jiāng jì chéng dī yōu xiān quán yàng shì de wèi chóngdié dìng yì dàn fù gài chóngdié de dìng yì。 lì wài qǐng cān yuè important shēng míng。
　　 liàn rù wài bù yàng shì biǎo wén jiàn (linkingtoastylesheet)
　　 nǐ kě yǐ xiān jiàn lì wài bù yàng shì biǎo wén jiàn（ .css）， rán hòu shǐ yòng html de link duì xiàng。 shì lì rú xià：
　　<head>
　　<title>titleofarticle</title>
　　<linkrel=stylesheethref="http://www.dhtmlet.com/rainer.css"type="text/css">
　　</head>
　　 ér zài xml zhōng， nǐ yīnggāi rú xià lì suǒ shì zài shēng míng qū zhōng jiā rù：
　　<?xml-stylesheettype="text/css"href="http://www.dhtmlet.com/rainer.css"?>>
　　 dìng yì nèi bù yàng shì kuài duì xiàng (embeddingastyleblock)
　　 nǐ kě yǐ zài nǐ de html wén dàng de <html> hé <body> biāo jì zhī jiān chā rù yī gè <style>...</style> kuài duì xiàng。 dìng yì fāng shì qǐng cān yuè yàng shì biǎo yǔ fǎ。 shì lì rú xià：
　　<html>
　　<styletype="text/css">
　　
　　</style>
　　<body>
　　 qǐng zhù yì， zhè lǐ jiāng style duì xiàng de type shǔ xìng shè zhì wéi "text/css"， shì yǔn xǔ bù zhī chí zhè lèi xíng de liú lǎn qì hū lüè yàng shì biǎo dān。
　　 nèi lián dìng yì (inlinestyles)
　　 nèi lián dìng yì jí shì zài duì xiàng de biāo jì nèi shǐ yòng duì xiàng de style shǔ xìng dìng yì shì yòng qí de yàng shì biǎo shǔ xìng。 shì lì rú xià：
　　<pstyle="margin-left:0.5in;margin-right:0.5in"> zhèyīháng bèi zēng jiā liǎo zuǒ yòu de wài bǔ dīng <p>
　　 yàng shì biǎo yǔ fǎ (csssyntax)
　　_select_or{property:value}
　　 cān shù shuō míng：
　　_select_or-- xuǎn zé fú
　　property:value-- yàng shì biǎo dìng yì。 shǔ xìng hé shǔ xìng zhí zhī jiān yòng mào hào (:) gé kāi。 dìng yì zhī jiān yòng fēn hào (;) gé kāi
　　 jì chéng de zhí (the'inherit'value)
　　 měi gè shǔ xìng dōuyòu yī gè zhǐ dìng de zhí： inherit。 tā de yì sī shì： jiāng fù duì xiàng de zhí děng tóng wéi jì suàn jī zhí dé dào。 zhè gè zhí tōng cháng jǐn jǐn shì bèi yòng de。 xiǎn shì de shēng míng tā kě yòng lái qiáng diào。
　　 xuǎn zé fú shuō míng：
　　# biǎo shì xuǎn zé id
　　. biǎo shì xuǎn zé class
　　 bǐ rú wǒ yòu gè <divid="test"></div> zhè shí jiù dé yòng #test{ shǔ xìng } lái gěi id wéi test de div lái zhì dìng yàng shì
　　 ér <divclass="test"></div> zé yīnggāi yòng .test{ shǔ xìng } lái gěi qí zhǐ dìng yàng shì。
　　 gēn jù fēn biàn shuài bù tóng， diào yòng bù tóng de css wén jiàn
　　dotted;table-layout:fixed;border-top:#cccccc1pxdotted;border-left:#cccccc1pxdotted;border-bottom:#cccccc1pxdotted"cellspacing=0cellpadding=6width="95%"align=centerborder=0><scriptlanguage="javascript">
　　
　　</script>
　　 jiě shì：
　　varie1024="";
　　varie800="";
　　varie1152="";
　　varieother="";
　　 yǐn hào lǐ miàn fēn bié tián xiě， yòng hù shǐ yòng ie de shí hòu bìng qiě fēn biàn shuài wéi 1024*768,800*600,1152*864 yào shǐ yòng de css wén jiàn míng .
　　varfirefox1024="";
　　varfirefox800="";
　　varfirefox1152="";
　　varfirefoxother="";
　　 yǐn hào lǐ miàn fēn bié tián xiě， yòng hù shǐ yòng ff de shí hòu bìng qiě fēn biàn shuài wéi 1024*768,800*600,1152*864 yào shǐ yòng de css wén jiàn míng .
　　varother1024="";
　　varother800="";
　　varother1152="";
　　varotherother="";
　　 yǐn hào lǐ miàn fēn bié tián xiě， yòng hù shǐ yòng qí tā liú lǎn qì de shí hòu bìng qiě fēn biàn shuài wéi 1024*768,800*600,1152*864 yào shǐ yòng de css wén jiàn míng .
　　 bù pàn duàn fēn biàn shuài， zhǐ pàn duàn liú lǎn qì
　　 yìng e.qiang tí yì， biān rú xià dài mǎ。 shí xiàn gēn jù liú lǎn qì lèi xíng zì dòng diào yòng bù tóng css。
　　 dài mǎ：
　　<scriptlanguage="javascript">
　　
　　</script>
　　 jiě shì：
　　 rú guǒ liú lǎn qì wéi ie， zé diào yòng default.css
　　 rú guǒ liú lǎn qì wéi firefox， zé diào yòng default2.css
　　 rú guǒ liú lǎn qì wéi qí tā， zé diào yòng newsky.css
　　 yòng fǎ： fàng zài <head></head> zhōng jí kě。

shénme shì yàng shì biǎo

　　CSS shì Cascading Style Sheet de suō xiě。 yì zuò「 céng dié yàng shì biǎo dān」。 shì yòng yú（ zēng qiáng） kòng zhì wǎng yè yàng shì bìng yǔn xǔ jiāng yàng shì xìn xī yǔ wǎng yè nèi róng fēn lí de yī zhǒng biāo jì xìng yǔ yán。
　　 yàng shì biǎo (CSS： CascadingStyleSheets) xué xí
　　http://www.cssplay.org.cn/css-tutorial/20080324/319.html

rú hé jiāng yàng shì biǎo jiā rù nín de wǎng yè

nǐ kě yǐ yòng yǐ xià sān zhǒng fāng shì jiāng yàng shì biǎo jiā rù nín de wǎng yè。 ér zuì jiē jìn mù biāo de yàng shì dìng yì yōu xiān quán yuè gāo。 gāo yōu xiān quán yàng shì jiāng jì chéng dī yōu xiān quán yàng shì de wèi chóngdié dìng yì dàn fù gài chóngdié de dìng yì。 lì wài qǐng cān yuè important shēng míng。
　　 jiāng yàng shì biǎo jiā rù dào HTML zhōng
　　http://www.cssplay.org.cn/css-tutorial/20080128/2.html
　　 liàn rù wài bù yàng shì biǎo wén jiàn (LinkingtoaStyleSheet)
　　 nǐ kě yǐ xiān jiàn lì wài bù yàng shì biǎo wén jiàn（ .css）， rán hòu shǐ yòng HTML de link duì xiàng。 shì lì rú xià：
　　<head>
　　<title>titleofarticle</title>
　　<linkrel=stylesheethref="http://baike.baidu.com/css/font.css"type="text/css">
　　</head>
　　 ér zài XML zhōng， nǐ yīnggāi rú xià lì suǒ shì zài shēng míng qū zhōng jiā rù：
　　<?xml-stylesheettype="text/css"href="http://baike.baidu.com/css/font.css"?>>
　　 dìng yì nèi bù yàng shì kuài duì xiàng (EmbeddingaStyleBlock)
　　 nǐ kě yǐ zài nǐ de HTML wén dàng de <HTML> hé <BODY> biāo jì zhī jiān chā rù yī gè <STYLE>...</STYLE> kuài duì xiàng。 dìng yì fāng shì qǐng cān yuè yàng shì biǎo yǔ fǎ。 shì lì rú xià：
　　<html>
　　<styletype="text/css">
　　
　　</style>
　　<body>
　　 qǐng zhù yì， zhè lǐ jiāng style duì xiàng de type shǔ xìng shè zhì wéi "text/css"， shì yǔn xǔ bù zhī chí zhè lèi xíng de liú lǎn qì hū lüè yàng shì biǎo dān。
　　 nèi lián dìng yì (InlineStyles)
　　 nèi lián dìng yì jí shì zài duì xiàng de biāo jì nèi shǐ yòng duì xiàng de style shǔ xìng dìng yì shì yòng qí de yàng shì biǎo shǔ xìng。 shì lì rú xià：
　　 zhèyīháng bèi zēng jiā liǎo zuǒ yòu de wài bǔ dīng
　　 yàng shì biǎo yǔ fǎ (CSSSyntax)
　　Selector{property:value}
　　 cān shù shuō míng：
　　Selector-- xuǎn zé fú
　　property:value-- yàng shì biǎo dìng yì。 shǔ xìng hé shǔ xìng zhí zhī jiān yòng mào hào (:) gé kāi。 dìng yì zhī jiān yòng fēn hào (;) gé kāi
　　 jì chéng de zhí (The'Inherit'Value)
　　 měi gè shǔ xìng dōuyòu yī gè zhǐ dìng de zhí： Inherit。 tā de yì sī shì： jiāng fù duì xiàng de zhí děng tóng wéi jì suàn jī zhí dé dào。 zhè gè zhí tōng cháng jǐn jǐn shì bèi yòng de。 xiǎn shì de shēng míng tā kě yòng lái qiáng diào。
　　 xuǎn zé fú shuō míng：
　　# biǎo shì xuǎn zé id
　　. biǎo shì xuǎn zé class
　　 bǐ rú wǒ yòu gè
　　 zhè shí jiù dé yòng #test{ shǔ xìng } lái gěi id wéi test de div lái zhì dìng yàng shì
　　 ér
　　 zé yīnggāi yòng .test{ shǔ xìng } lái gěi qí zhǐ dìng yàng shì。

gēn jù fēn biàn shuài bù tóng， diào yòng bù tóng de css wén jiàn

dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellSpacing=0 cellPadding=6 width="95%" align=center border=0> <SCRIPT LANGUAGE="javascript">
　　
　　</SCRIPT>
　　 jiě shì：
　　varIE1024="";
　　varIE800="";
　　varIE1152="";
　　varIEother="";
　　 yǐn hào lǐ miàn fēn bié tián xiě， yòng hù shǐ yòng IE de shí hòu bìng qiě fēn biàn shuài wéi 1024*768,800*600,1152*864 yào shǐ yòng de css wén jiàn míng .
　　varFirefox1024="";
　　varFirefox800="";
　　varFirefox1152="";
　　varFirefoxother="";
　　 yǐn hào lǐ miàn fēn bié tián xiě， yòng hù shǐ yòng FF de shí hòu bìng qiě fēn biàn shuài wéi 1024*768,800*600,1152*864 yào shǐ yòng de css wén jiàn míng .
　　varOther1024="";
　　varOther800="";
　　varOther1152="";
　　varOtherother="";
　　 yǐn hào lǐ miàn fēn bié tián xiě， yòng hù shǐ yòng qí tā liú lǎn qì de shí hòu bìng qiě fēn biàn shuài wéi 1024*768,800*600,1152*864 yào shǐ yòng de css wén jiàn míng .
　　 bù pàn duàn fēn biàn shuài， zhǐ pàn duàn liú lǎn qì
　　 yìng E.Qiang tí yì， biān rú xià dài mǎ。 shí xiàn gēn jù liú lǎn qì lèi xíng zì dòng diào yòng bù tóng CSS。
　　 dài mǎ：
　　<SCRIPTLANGUAGE="javascript">
　　
　　</SCRIPT>
　　 jiě shì：
　　 rú guǒ liú lǎn qì wéi IE， zé diào yòng default.css
　　 rú guǒ liú lǎn qì wéi Firefox， zé diào yòng default2.css
　　 rú guǒ liú lǎn qì wéi qí tā， zé diào yòng newsky.css
　　 yòng fǎ： fàng zài <head></head> zhōng jí kě。
　　 zhōng guó zhuān yè css biāo zhǔn huà tuī guǎng wǎng zhàn【 Div zhī jiā】 www.divhome.com
　　=======================================================================
　　css céng dié yàng shì biǎo
　　 yǐn rù céng dié yàng shì biǎo de fāng fǎ bāo kuò：
　　1， wài lián shì yàng shì biǎo
　　2， nèi qiàn yàng shì biǎo
　　3， yuán sù nèi dìng
　　4， dǎo rù yàng shì biǎo
　　 wài lián shì yàng shì biǎo
　　 lì： <head>
　　<linkrel="stylesheet"href="/css/default.css">
　　</head>
　　<body>
　　....
　　</body>
　　</html>
　　 shǔ xìng： rel yòng lái shuō míng <link> yuán sù zài zhè lǐ yào wán chéng de rèn wù shì lián jiē yī gè dú lì de css wén jiàn。 ér href shǔ xìng gěi chū liǎo suǒ yào lián jiē css wén jiàn de url dì zhǐ
　　 nèi qiàn shì yàng shì biǎo：
　　 lì： <html>
　　<head>
　　<styletype="text/css">
　　
　　</style>
　　</head>
　　<body>....</body>
　　</html>
　　 yuán sù nèi dìng
　　 gé shì：
　　 dǎo rù shì yàng shì biǎo
　　〈 html>
　　<head>
　　<styletype="text/css">
　　
　　</style>
　　<body>
　　....
　　</body>
　　</html>
　　css yàng shì biǎo - cān shù shuō míng
　　Selector-- xuǎn zé fú
　　property:value-- yàng shì biǎo dìng yì。 shǔ xìng hé shǔ xìng zhí zhī jiān yòng mào hào (:) gé kāi。 dìng yì zhī jiān yòng fēn hào (;) gé kāi
　　 jì chéng de zhí (The'Inherit'Value)
　　 měi gè shǔ xìng dōuyòu yī gè zhǐ dìng de zhí： Inherit。 tā de yì sī shì： jiāng fù duì xiàng de zhí děng tóng wéi jì suàn jī zhí dé dào。 zhè gè zhí tōng cháng jǐn jǐn shì bèi yòng de。 xiǎn shì de shēng míng tā kě yòng lái qiáng diào。
　　css yàng shì biǎo de mìng míng
　　div+css yàng shì biǎo de id hé class de qū bié : jiù yī jù lái gài kuò ,class kě yǐ dìng yì duō gè zhí bìng qiě kě yǐ yìng yòng dào duō gè biāo qiān shàng， dàn id zhǐ néng shì yī gè。 suǒ yǐ jiù kāi shǐ chá yī xiē xiāng guān de div+css yàng shì biǎo id hé class de cháng yòng mìng míng guī zé， qǐng dà jiā cān kǎo yī xià：
　　 shǒu xiān jiǎng yī xià div+css yàng shì biǎo de id de cháng yòng mìng míng guī zé
　　 yè tóu： header dēng lù tiáo： loginBar biāo zhì： logo cè lán： sideBar guǎng gào： banner dǎo háng： nav zǐ dǎo háng： subNav cài dān： menu zǐ cài dān： subMenu sōu suǒ： search gǔn dòng： scroll yè miàn zhù tǐ： main nèi róng： content biāo qiān yè： tab wén zhāng liè biǎo： list tí shì xìn xī： msg xiǎo jì qiǎo： tips lán mù biāo tí： title jiā rù： joinus zhǐ nán： guild fú wù： service rè diǎn： hot xīn wén： news xià zài： download zhù cè： regsiter zhuàng tài： status 'àn niǔ： btn tóu piào： vote hé zuò huǒ bàn： partner yǒu qíng liàn jiē： friendLink yè jiǎo： footer bǎn quán： copyRight
　　 shí jì shàng shàng miàn de div+css yàng shì biǎo de id mìng míng yě huì jīng cháng yòng dà xiǎo xiě hé _ lái qū fēn， bǐ rú zhù dǎo háng jiù shì MainNav, rú guǒ hái yòu bì yào zài qū fēn jiù shì MainNav_1,MainNav_2 děng děng。 yě kě yǐ shǐ yòng " lèi xíng + biàn liàng míng chēng " de guī zé lái mìng míng， bǐ rú xiě yī gè hóng sè zì tǐ de class, kě yǐ .f_red{}(f shì font zì tǐ de suō xiě )。 zǒng zhī yuán zé shì： dà xiǎo xiě、 _、 suō xiě， dà dà zēng qiáng dài mǎ de kě dú xìng。
　　 zài jiǎng yī xià div+css yàng shì biǎo de class de cháng yòng mìng míng guī zé
　　 wài tào： wrap zhù dǎo háng： mainNav zǐ dǎo háng： subnav yè　 jiǎo： footer zhěng gè yè miàn： content yè　 méi： header yè　 jiǎo： footer shāng　 biāo： label biāo　 tí： title zhù dǎo háng： mainNav（ globalNav） biān dǎo háng： sidebar zuǒ dǎo háng： leftsideBar yòu dǎo háng： rightsideBar qí　 zhì： logo biāo　 yǔ： banner cài dān nèi róng： menu1Content cài dān róng liàng： menuContainer zǐ cài dān： submenu biān dǎo háng tú biāo： sidebarIcon zhù shì： note miàn bāo xiè： breadCrumb( jí yè miàn suǒ chù wèi zhì dǎo háng tí shì） róng qì： container nèi róng： content sōu suǒ： search dēng lù： login gōng néng qū： shop( rú gòu wù chē， shōu yín tái ) dāng qián de： current
　　 dāng rán xiàng div+css yàng shì biǎo de id hé class de mìng míng yuǎn yuǎn bù zhǐ zhè xiē , kě néng hái huì yòu gèng duō de mìng míng , nǐ kě yǐ yòng yī xiē tōng sú de yì dǒng . róng yì lǐ jiě de yī xiē lái mìng míng , rú guǒ nín yòu gèng hǎo de div+css yàng shì biǎo de id hé class de mìng míng guī zé de huà , qǐng liú yán， duō duō zhǐ jiào .