1.Menggunakan Link (External)
Memasukkan CSS menggunakan link external dilakukan dengan cara membuat file dengan format ".css" yang berisi baris kode CSS. Kemudian menguploadnya ke web server kalian dan mengkoneksikan file tersebut dengan menggunakan tagpada bagianheaddi halaman yang kalian inginkan. Contoh: <head>
<linkrel="stylesheet"href="suratlewat.com/css/main-style.css">
</head>
Biasanya metode ini dilakukan oleh website yang sudah mempunyai layanan hosting. Metode ini pada blogger tidak dapat dilakukan karena pada blogger kita tidak bisa mengupload file css nya ke root directory web. Kalian tetap bisa menggunakan link css external padablogger tetapi dengan link di luar website blogger tersebut.Tingkat prioritas dengan menggunakan link external itu rendah.
2.Menggunakan Tagstyledi Bagian Head (Internal)
Adapun cara lain untuk memasukkan css pada HTML yaitu dengan menggunakan tag style pada bagian head di halaman yang kalian inginkan. Contoh:
<head>
<style> body {
max-width:70%;
margin:auto;
padding:10px;
}
h2 {
font-size:1.8em;
color: forestgreen;}</style>
</head>
Metode ini bisa dilakukan pada blogger dan biasanya tagstyle../style pada blogger terdapat sebelum tag/head. Cara memasukan CSS dengan menggunakan tag style ini mempuyai prioritas yang tinggi.
<head>
<style> body {
max-width:70%;
margin:auto;
padding:10px;
}
h2 {
font-size:1.8em;
color: forestgreen;}</style>
</head>
Metode ini bisa dilakukan pada blogger dan biasanya tagstyle../style pada blogger terdapat sebelum tag/head. Cara memasukan CSS dengan menggunakan tag style ini mempuyai prioritas yang tinggi.
3.Memasukkan Atribut Style Pada Elemen HTML(Inline)
Tidak berbeda jauh dengan cara yang kedua, kita tetap menggunakanstyle tetapi sebagai atribut suatu elemen. Kita langsung mengetikan kode pada elemen yang ingin di design. Penempatan kode tersebut bisa dimana saja bergantung pada elemen yang ingin di design. Contoh mimin ingin mengubah ukuran dan warna h2 pada suatu halaman maka:
<body>
<h2style="font-size:1.8em; color: forestgreen;">Blog kita </h2>
</body>
Cara dengan menggunakan atribut style pada elemen HTML memiliki tingkat prioritas yang sangat tinggi.Itulah beberapa cara yang dapat kalian lakukan untuk memasukkan css pada halaman HTML. Jadi tingkat prioritas paling tinggi itu adalah pada metode inline. Jika kalian mempunyai salah satu kode CSS yang sama pada 3 metode di atas, maka kode yang akan digunakan adalah kode yang terdapat pada metode inline.
<body>
<h2style="font-size:1.8em; color: forestgreen;">Blog kita </h2>
</body>
Cara dengan menggunakan atribut style pada elemen HTML memiliki tingkat prioritas yang sangat tinggi.Itulah beberapa cara yang dapat kalian lakukan untuk memasukkan css pada halaman HTML. Jadi tingkat prioritas paling tinggi itu adalah pada metode inline. Jika kalian mempunyai salah satu kode CSS yang sama pada 3 metode di atas, maka kode yang akan digunakan adalah kode yang terdapat pada metode inline.
0 komentar