webForumDet fria alternativet

CSS och prioritet

8 svar · 356 visningar · startad av Kalle M

Kalle MMedlem sedan mars 20041 938 inlägg
#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!

Danne VMedlem sedan aug. 20067 685 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)

Kalle MMedlem sedan mars 20041 938 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?

zcorpanMedlem sedan dec. 20042 269 inlägg
#4

Det räcker med body.

Danne VMedlem sedan aug. 20067 685 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.

jarvkloMedlem sedan juli 20013 295 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 ;)

zcorpanMedlem sedan dec. 20042 269 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.

Kalle MMedlem sedan mars 20041 938 inlägg
#8

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

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

jarvkloMedlem sedan juli 20013 295 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

Genererad på 379 ms · cache AV · v20260730165559-full.f96bc7eb