900 Also könnten wir die Eigenschaft weight font: bold verwenden, um th festzulegen Die Gewichtung eines Textabsatzes auf 800. Wenn ein Kind ein fetteres relatives Gewicht des Elternteils hat, verwenden Sie die obige Tabelle, um zu verstehen, wie dick es ist. Nehmen wir zum Beispiel an, ich habe ein Kind, das hat ein übergeordnetes Element mit einer Schriftstärke von 400. Wenn ich den Wert für die Schriftstärke auf das fettere untergeordnete Element setze, wird die Schriftstärke des untergeordneten Elements 700. Das liegt daran, dass das untergeordnete Element im Vergleich eine dunklere Schriftart ist zu -Gewicht als die Eltern. Wenn das übergeordnete Element bereits so dunkel oder so hell wie möglich ist, bewirken diese Eigenschaftswerte nichts. Beispiel für CSS-SchriftstärkeNehmen wir an, Sie entwerfen eine Website für The Seattle Stamp Club, eine lokale Briefmarkenfirma. Die Briefmarkenfirma, um die wir Wer sind - wir gebeten haben, erscheint in Fettdruck auf der A About-Website. Dadurch wird die Aufmerksamkeit des Besuchers auf den Titel gelenkt. Der Briefmarkenclub hat uns gebeten, einen Textblock mit der Geschichte des Clubs auf seiner Website hinzuzufügen. Dieser Textblock sollte in normaler Schriftstärke erscheinen. Einige Sätze, auf die der Club die Aufmerksamkeit des Zuschauers lenken möchte, sollten fett gedruckt werden Wir könnten den folgenden Code verwenden, um diesen Textblock mit einigen empfohlenen Phrasen zu erstellen: Klickstil -Schaltfläche im Code-Editor oben, um die Ausgabe unseres HTML-/CSS-Codes zu sehen. in unserer HTML-Datei haben wir einen textumschlossenen Absatz von definiert; . -Tag haben wir auch einige Sätze in eingefügt. Tags, die wir in unserem CSS fördern Als Nächstes haben wir in unserer CSS-Datei eine Stilregel definiert, die die Gewichtung des Schriftstils jedes < definiert /a> -Tag fetter. Das bedeutet, dass Text, der in ein -Tag eingeschlossen ist, fetter erscheint als das übergeordnete Element. Wenn wir unseren Code ausführen, erscheint unser Absatz mit normaler Schriftbreite und Sätze, die in -Tags eingeschlossen sind, werden fett dargestellt . In diesem Beispiel sind die Ausdrücke willkommen alle und 250 Mitglieder in -Tags eingeschlossen. Css-Text in Fettschrift mit variablen Zeichen Es gibt einige neue Schriftarten, die uns durch die neueste Version von CSS-Schriftarten zur Verfügung gestellt werden. Sie werden variable Zeichen genannt und können eine Zahl zwischen 1 und 1000 als Zeichenbreite annehmen. Die Browserunterstützung wurde erst im Mai 2020 vollständig implementiert, sie sind also ziemlich neu. Wenn Sie weitere Informationen zu variablen Schriftarten wünschen, sehen Sie sich diese rel = "noopener"> Einführung an. Fazit In diesem Tutorial haben wir The CSS-Eigenschaft font -weight und wie sie die Fettigkeit unserer Schriftarten beeinflusst. Wir haben gelernt, dass eine fettere und geringere Gewichtung eine relative Schriftstärke bedeutet, die von der Schriftstärke des übergeordneten Elements abweicht .Im Grunde haben wir uns a angesehen Bereich der Zeichenstärken, um zu sehen, wie der Text aussieht. So werden Sie im Handumdrehen zum Profi der Schriftgewichtung Um mehr über das Programmieren in CSS zu erfahren, lesen Sie unseren Leitfaden CSS lernen . Sie können unseren Leitfaden weiter lesen wie man Text in HTML fett formatiert, wenn Sie Ihren Text fett formatieren möchten, ohne auf CSS angewiesen zu sein. |