2016-06-15 11 views
0

Okay, also versuche ich meine Hausaufgaben für die Schule zu machen, und ich fange endlich an, an CSS zu arbeiten.Gibt es eine Grenze für die Anzahl der Zeilen, die in einen einzelnen css-Befehl eingegeben werden können?

Mein Problem ist, dass der Code, den ich eingeben, für ID #articleheader nicht gilt, und der einzige Grund, den ich denken kann, ist, dass vier Regeln vorhanden sind, bevor ich die Linie schließe.

#articleheader { 
 
    font-size: 18px; 
 
    font-weight: normal; 
 
    letter-spacing: 7px; 
 
    text-align: center; 
 
}
<header id="articleheader"> 
 
    <h1>Bike the Mountains Tour</h1> 
 
</header>

Jede Hilfe?

+0

Es gibt wahrscheinlich eine theoretische Grenze, aber 4 Eigenschaften ist nicht annähernd. Ihr CSS funktioniert gut für mich. Verwenden Sie ein externes Stylesheet? Wenn ja, ist es mit Ihrem HTML-Dokument verknüpft? Überschreiben Sie die h1-Stile woanders? – Rick

+0

Wie Sie in der Demo oben sehen können .. scheint es gut zu funktionieren. –

Antwort

0

Die h1 hat ihre eigenen Stile für Größe und Gewicht, auch wenn Sie sie nicht speziell einstellen. So stellen sie für die h1:

#articleheader h1 { 
    ... 
0

Alles scheint in Ordnung in Bezug auf was Sie versuchen zu tun, und wenn Sie den Code in ein HTML-Dokument gelöscht. Wenn die von Matt angebotene Lösung immer noch nicht funktioniert, schlage ich vor, dass Sie überprüfen müssen, ob Sie die CSS-Datei korrekt verlinkt haben, wenn ein externes Stylesheet oder seine Onpage sicherstellen, dass Sie die Tags korrekt umschließen.

<html> 

<head> 
<style> 
#articleheader { 
     font-size: 18px; 
     font-weight: normal; 
     letter-spacing: 7px; 
     text-align: center; 
} 
</style> 
</head> 
<body 
    <header id="articleheader"> 
    <h1>Bike the Mountains Tour</h1> 
    </header> 
</body> 
</html> 
0

enter code here Sie sollten die id = "articleheader" Tag mit h1, nicht mit Kopf anzuwenden. Obwohl mit der Verwendung von ID-Tags im Header nichts falsch ist, sind die Ergebnisse nicht wie erwartet., d. H. Die Eigenschaften würden angewendet werden, aber in einem anderen Maßstab.

This is the result when id is applied on h1

This is the result when id is applied on header

<header> 
    <h1 id="articleheader">Bike the Mountains Tour</h1> 
</header> 

Es ist nichts falsch mit dem CSS-Code

Der Vorrang von ID-Tag auf h1 angewendet wird bewiesen, wenn gleiche ID-Tag auf beiden h1 angelegt wird, und Header, aber Ergebnisse wie in dem früheren Bild (H1 mit ID) angezeigt werden.

<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="style.css"> 
    </head> 
    <body> 
    <header id="articleheader" > 
     <h1 id="articleheader" >Bike the Mountains Tour</h1> 
    </header> 
    </body> 
    </html> 
+0

Ich ging von dem, was in meinem Lehrbuch geschrieben wurde: "Sie müssen verschiedene Elemente innerhalb des Dokuments mit dem ID-Attribut benennen. Fügen Sie dem Dokument die folgenden IDs hinzu: a) Benennen Sie das erste Headerelement pageheader und das zweite Headerelement articleheader; und b) Benennung des linken Abschnitts des ersten Abschnitts und des rechten Abschnitts des zweiten Abschnitts. – Themurderin

Verwandte Themen