webForumDet fria alternativet

CSS och prioritet

HTML & CSS

8 svar · 356 visningar · startad av Kalle M

Medlem sedan mars 20041 936 inlägg
Frågan#1

Hej!
Är ganska ny med CSS.
När man sätter ut taggar i CSS..hur viktigt är det att dom ligger i ordning?

Hur är prioriteten och arven på följande?:

body { font-family: Verdana; font-size: 10px} 
p { font-family: Verdana; font-size: 10px} 
li{ font-family: Verdana; font-size: 10px}
table{font.family:verdana; font-size 10px} 
td { font-family: Verdana; font-size: 10px}
tr { font-family: Verdana; font-size: 10px}
h1 { font-family: Verdana; font-size: 24px}
h2 { font-family: Verdana; font-size: 14px}
h3 { font-family: Verdana; font-size: 12px}

Tack på förhand!

Medlem sedan aug. 20068 090 inlägg
#2

Spelar i princip ingen roll i vilken ordning stilarna ligger i stilmallen. Eftersom alla element ärver från "body", så räcker det med att du specar font-family och "normalstorleken" på all text där och bara lägger in undantagen där dom behövs (t.ex. h1, h2 osv)

Medlem sedan mars 20041 936 inlägg
#3

Så det räcker att man definierar body egentligen? Eller missförstår jag?

Har läst att man bör definiera table,li mfl och att det inte räcker med body? Eller gör det?

Om jag ska ha arial på hela sidan så räcker det att jag definierar det på body och behöver ej ange det på table,li mfl?

Medlem sedan dec. 20042 245 inlägg
#4

Det räcker med body.

Medlem sedan aug. 20068 090 inlägg
#5

Kalle M skrev:

Så det räcker att man definierar body egentligen? Eller missförstår jag?

Alla stilar ärvs från "parent" till "child".
Dvs ett element (t.ex. body) som är formaterat ger samma formatering till element som finns inuti.
Eftersom p och table och li och h1 och h2 och allt annat finns inuti body, så ärver dom bodys formatering. Därför kan du lägga in alla grejer som du vill ska finnas överallt redan i body. Normalt är det just fonter.

Medlem sedan juli 20013 378 inlägg
#6

Kalle M skrev:

Så det räcker att man definierar body egentligen? Eller missförstår jag?

Har läst att man bör definiera table,li mfl och att det inte räcker med body? Eller gör det?

Det är doctype-beroende!

Om du kör med en "modern" doctype (en som ger dig "standards mode") räcker det att du anger det i body.

Kör du en "gammal" som ger dig "Quirks mode" behöver du ange vissa stilar även för t.ex. td pga att förvalsvärden hanterats olika genom åren - och då räcker det inte med att bara ange dina värden i body i ditt exempel.

Rekommendation generellt - Välj en <!DOCTYPE som ger dig "standards mode" om du har ett val så slipper du oroa dig för just det här problemet ;)

Medlem sedan dec. 20042 245 inlägg
#7

Danne V skrev:

Alla stilar ärvs från "parent" till "child".

Mer specifikt: vissa egenskaper ärvs. Inte alla. Vilka som ärvs och inte kan överskådas i Appendix F i specifikationen.

Medlem sedan mars 20041 936 inlägg
#8

Tackar så mkt för infon. :-)

Hur är det mest CSS och stöd i andra webbläsare!?

Medlem sedan juli 20013 378 inlägg
#9

Så länge du inte pratar mobilwebbläsare är stödet numera bra för det mesta av CSS 2.1.
I Mobila webbläsare skiljer det sig en del mellan olika fabrikat och versioner

251 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)