I'm sangat baru untuk HTML dan CSS dan aku hanya bertanya-tanya bagaimana saya bisa membuat font yang saya bold dengan menggunakan CSS.
Aku punya polos halaman HTML yang impor file CSS, dan saya dapat mengubah font di CSS. Tapi aku don't tahu bagaimana untuk membuat huruf tebal, siapapun dapat membantu saya?
Anda dapat menggunakan CSS deklarasi font-weight: bold;
.
Saya akan menyarankan anda untuk membaca CSS pemula panduan di http://htmldog.com/guides/cssbeginner/ .
Anda dapat menggunakan yang kuat
elemen dalam html, yang besar semantik (juga baik untuk pembaca layar dll.), yang biasanya menjadikan sebagai teks tebal:
See here, some <strong>emphasized text</strong>.
Atau anda dapat menggunakan the font-weight
css properti untuk gaya setiap elemen's teks seperti bold:
span { font-weight: bold; }
<p>This is a paragraph of <span>bold text</span>.</p>
Sinus anda baru untuk html berikut adalah tiga siap untuk menggunakan contoh-contoh tentang cara menggunakan CSS bersama-sama dengan html. Anda hanya dapat menempatkan mereka ke dalam sebuah file, simpan dan buka dengan browser pilihan anda:
Yang satu ini langsung komprehensif gaya CSS ke tag/unsur-unsur. Umumnya hal ini tidak sangat bagus pendekatan, karena anda harus selalu memisahkan kandungan/html dari desain.
<?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>
Yang berikutnya adalah lebih umum pendekatan dan bekerja pada semua "p" (singkatan dari paragraf) tag pada dokumen anda dan ditambahkannya membuat mereka BESAR. Btw. Google menggunakan pendekatan ini pada pencarian:
<?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>
Anda mungkin akan mengambil beberapa hari untuk bermain-main dengan contoh pertama, namun di sini adalah yang terakhir. Dalam hal ini anda akhirnya sepenuhnya terpisah desain (css) dan content (html) dari satu sama lain dalam dua file yang berbeda. stackoverflow mengambil pendekatan ini.
Dalam satu file yang anda menempatkan semua CSS (call it 'hello_world.css'):
p {
font-weight:bold;
font-size:26px;
}
Di file lain anda harus menempatkan kode html (call it '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>
Harap ini membantu sedikit. Untuk mengatasi unsur-unsur tertentu dalam dokumen anda dan tidak semua kategori anda harus membuat diri anda terbiasa dengan kelas
, id
dan nama
atribut. Bersenang-senang!
Gunakan CSS font-weight
properti
Anda bisa menggunakan beberapa pendekatan. Pertama akan menggunakan kuat tag
Here is an <strong>example of that tag</strong>.
Pendekatan lain adalah dengan menggunakan font-weight properti. Anda dapat mencapai inline, atau melalui class atau id. Let's mengatakan anda're menggunakan kelas.
.className {
font-weight: bold;
}
Atau, anda juga dapat menggunakan hard nilai font-weight dan paling font yang mendukung nilai antara 300 dan 700, bertambah 100. Sebagai contoh, berikut akan berani:
.className {
font-weight: 700;
}