Nama : Alda Amaliyah
Stambuk : 13020180247
Kelas : B4
1. Pengertian CSS :
CSS (Cascading Style Sheet), adalah suatu bahasa yang digunakan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.
2. 3 cara pemanggilan CSS :
A. Internal CSS
Internal CSS adalah kode CSS yang ditulis didalam tag <style>.
Contoh penggunaan:
<html>
<head>
<title>contoh Internal CSS</title>
<style type=”text/css”>
P{
Font-family: serif;
Line-height: 1.75em;
Font-size: 1.8px;
}
</style>
</head>
</html>
B. Eksternal CSS
Adalah kode CSS yang ditulis terpisah dengan kode HTML.
Contoh penggunaan :
<html>
<head>
<title>contoh eksternal css</title>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
</head>
<body>
<h2>judul artikel</h2>
<p>ini adalah paragraf yang memuat isi artikel</p>
</body>
</html>
C. Inline CSS
Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML.
Contoh penggunaan :
<html>
<head>
<title>contoh inline CSS</title>
</head>
<body>
<h2 style=”color:red; font-family:sans”>judul artikel</h2>
<p style=”color:maroon”>ini adalah isi paragraf</p>
</body>
</html>
3. A. Pengertian Selector
Selector merupakan tag html yang ingin di manipulasi atau diberikan gaya.
B. Pengertian Declaration
Declaration adalah kumpulan aturan style css yang berada dalam tanda kurung kurawal.
C. Pengertian Property
Property adalah suatu jenis style CSS yang berfungsi memberikan style pada selector yang ditentukan
D. Pengertian Value
Value merupakan nilai dari property yang telah ditentukan pasangannya.
4. perbedaan selector tag, class dan id pada CSS :
A. Selector tag
Selektor ini akan memilih elemen berdasarkan nama tag.
Contoh :
P{
Color:blue;
}
<p>css adalah..</p>
B. Selector class
Selector class memilih elemen berdasarkan nama class yang diberikan dan digunakan berulang- ulang.
Contoh :
.pink{
Color: white;
Bacground: pink;
Padding: 5px;
}
<p>saya sedang belajar <b class=”pink”css</b></p>
C. Selector id
Selector id sama dengan selector class hanya saja boleh digunakan untuk satu elemen saja.
Contoh:
#header{
Bacground:teal;
Color: white;
Height: 100px;
}
<header id=”header”>
<h1>selamat menunaikan ibadah puasa</h1>
</header>
Tidak ada komentar:
Posting Komentar