Studiennotizen
Inhaltsverzeichnis
4. Schriftfamilie schriftfamilie
6. Das kontinuierliche Schreiben des Schriftartattributs
Zuerst die Grundschrift
1.Schriftgröße (Größe)
Attributname: Schriftgröße (Standardschriftgröße des Browsers ist 16)
Wert: Zahl+Pixel
<style>
p
{
font-size: 25px;
}
</style>
</head>
<body>
<p>段落文字</p>
</body>
2.Schriftstärke (Dicke)
Attributname: Schriftstärke
Wert:
- Schlüsselwort: normal: normal (400), fett: fett (700)
- Reine Zahlen: ganze Hunderter von 100 bis 900
<style>
div
{
font-weight: 800;
}
</style>
</head>
<body>
<div>div文字</div>
</body>
3. Schriftstil (gekippt)
Attributname: Schriftstil
Wert: Normal: normal, Neigung: kursiv
<style>
div
{
font-style: italic;
}
em
{
font-style: normal;
}
</style>
</head>
<body>
<div>div文字</div>
<em>em</em>
</body>
4. Schriftfamilie schriftfamilie
Attributname: Schriftfamilie
Windows: Standardmäßig Microsoft Yahei, macOS standardmäßig Pingfang
<style>
div
{
/*如果用户电脑没有安装微软雅黑,就按照黑体显示文字,
没有黑体就任意一种非衬线字体显示*/
font-family: 微软雅黑,黑体,sans-serif;
}
</style>
</head>
<body>
<div>div文字</div>
</body>
5. Stilkaskadierungsproblem
Frage:
- Wenn derselbe Stil für dasselbe Etikett festgelegt ist, wie wird der Browser ihn dann rendern?
Ergebnis:
Wenn dasselbe Attribut für dasselbe Tag festgelegt ist, wird der Stil kaskadiert (überschrieben) und der unten geschriebene wird wirksam
<style>
p
{
color :red ;
color:blue;
}
</style>
</head>
<body>
<p>div文字</p>
</body>
6. Das kontinuierliche Schreiben des Schriftartattributs
Attributname: Schriftart
Wert: Schriftart: Stil, Gewicht, Größe, Familie
<style>
p
{
/*font:style weight size 字体;*/
font:italic 700 66px 宋体;
}
</style>
</head>
<body>
<p>这是p标签</p>
</body>
Auslassungsanforderungen: Nur die ersten beiden können weggelassen werden. Wenn sie weggelassen werden, entspricht dies dem Festlegen des Standardwerts