Jestem bardzo nowy w HTML i CSS i właśnie zastanawiałem się, jak mogę zrobić czcionkę pogrubioną przy użyciu CSS.Jak zrobić pogrubioną czcionkę za pomocą css?
Mam zwykłą stronę HTML, która importuje plik CSS, i mogę zmienić czcionkę w CSS. Ale nie wiem, jak rozróżnić czcionki, czy ktoś może mi pomóc?
Użyłbyś font-weight: bold.
Czy chcesz, aby cały dokument był pogrubiony? Lub tylko jego części?
font-weight: bold
Użyj CSS font-weight własność
Można użyć deklaracji CSS font-weight: bold;.
Zaleca się przeczytanie początkującego podręcznika CSS pod numerem http://htmldog.com/guides/cssbeginner/.
rodzaj czcionki: pogrubiony;
Można użyć the strong element w HTML, co jest dobre semantycznie (również dobre dla czytników ekranu), co zazwyczajtynkach pogrubiony tekst:
See here, some <strong>emphasized text</strong>.lub można użyj stylu the font-weight css property, aby styl tekstu dowolnego elementu był pogrubiony:
span { font-weight: bold; }<p>This is a paragraph of <span>bold text</span>.</p>Odwzorowałem cały drugi akapit pogrubioną czcionką, więc nie kładzie się nacisku na słowa "pogrubiony tekst", to tylko styl. – GKFX
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<STYLE type="text/css">
body
{
font-weight: bold;
}
</STYLE>
</HEAD>
<BODY>
Body text is now bold.
</BODY>
</HTML>
Sine jesteś nowy html tutaj są trzy gotowe do użycia przykłady, w jaki sposób użyć CSS wraz z html. Możesz po prostu umieścić je w pliku, zapisać i otworzyć za pomocą przeglądarki do wyboru:
Ten bezpośrednio osadza styl CSS w tagach/elementach. Zasadniczo nie jest to bardzo przyjemne podejście, ponieważ zawsze należy oddzielić treść/html od projektu.
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
</head>
<body>
<p style="font-weight:bold;">Hi, I'm very bold!</p>
</body>
</html>
Kolejnym z nich jest bardziej ogólne podejście i działa na wszystkich „P” (skrót od akapitu) znaczniki w dokumencie, a dodatkowo sprawia, że są ogromne. Btw. Google używa tego podejścia w jego poszukiwaniu:
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
<style type="text/css">
p {
font-weight:bold;
font-size:26px;
}
</style>
</head>
<body>
<p>Hi, I'm very bold and HUGE!</p>
</body>
</html>
Prawdopodobnie zajmie kilka dni zabawy z pierwszych przykładów, jednak tutaj jest ostatni. W tym w końcu całkowicie oddzielne projektowanie (css) i zawartość (html) od siebie w dwóch różnych plików. stackoverflow przyjmuje to podejście.
W jednym pliku można umieścić wszystkie CSS (nazywają to 'hello_world.css'):
p {
font-weight:bold;
font-size:26px;
}
w innym pliku należy umieścić html (nazywają to 'hello_world.html'):
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
<link rel="stylesheet" type="text/css" href="hello_world.css" />
</head>
<body>
<p>Hi, I'm very bold and HUGE!</p>
</body>
</html>
Mam nadzieję, że to trochę pomaga.Aby zaadresować określone elementy w dokumencie, a nie wszystkie znaczniki, należy zapoznać się z atrybutami class, i name. Baw się dobrze!
Selector name{
font-weight:bold;
}
Załóżmy, że chcemy, aby pogrubione dla elementu p
p{
font-weight:bold;
}
Można użyć innej wartości alternatywną zamiast śmiały jak
p{
font-weight:bolder;
font-weight:600;
}
można użyć kilka podejść. Najpierw należy użyć silnego tagu. Innym podejściem byłoby użycie właściwości font-weight. Możesz osiągnąć inline lub przez klasę lub id. Załóżmy, że używasz zajęć.
.className {
font-weight: bold;
}
Alternatywnie, można również użyć twardego wartość dla font-weight i większość czcionek wspierać wartość między 300 a 700, zwiększany przez 100. Na przykład, następujący będzie pogrubiony:
.className {
font-weight: 700;
}
Inne odpowiedzi już omówiły te punkty. W jaki sposób ta odpowiedź dodaje wartość? –
Sugeruję, abyś przeczytał specyfikację CSS2, daje bardzo dokładne wyjaśnienie, co możesz zrobić i jak to zrobić. I nie jest też zbyt sucho. http://www.w3.org/TR/CSS2/ –
możliwy duplikat [jak pogrubione słowa w akapicie w html/css?] (http://stackoverflow.com/questions/9058425/how-to-bold -words-in-a-paragraph-in-html-css) – Ejaz