Judul : Belajar Penulisan CSS - External CSS. Tujuan : Mempelajari cara penulisan CSS di luar file html. Target : Dapat memahami struktur dari pemrograman CSS.
Setelah mempelajari Belajar Membuat Selector CSS pada sesi sebelumnya, sekarang kita akan mempelajari mengenai penulisan CSS. Penulisan pada CSS terbagi menjadi 3 bagian yaitu inline css, internal css dan external css. Pada materi kali ini akan membahas tentang External CSS. External CSS yaitu penulisan CSS pada file lain dan diluar file html yang dibangun. Selanjutnya pembahasan pada materi Height CSS.
<!DOCTYPE html>
<html>
<head>
<title>External CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p> Tag p akan dibaca sebagai selector oleh CSS.</p>
<p id="merah">Tag p memiliki id merah.</p>
<p class="biru besar">Tag p memiliki class besar dan juga kelas biru.</p>
</body>
</html>p{
color:yellow; }
#merah{
color:red; }
.besar{
font-size:20px; }
.biru{
color:blue; }
EmoticonEmoticon