Cara Penulisan di Css
Monday 23 March 2015
Belajar css dasar, pada tutorial ini saya akan menjelaskan
bagaimana cara penulisan di css, ada 3 teknik penulisan di css pertama dengan
cara inline, Embedded, Linked berikut cara penulisan di css.
Cara penulisan Css
Inline Style Sheet
Penulisan di dalam elemen Html.
Contoh script 1
<html>
<head>
<title>Contoh : inline style sheet </title>
</head>
<body>
<p
style =’color:red ; font-size:200% ’>hello </p>
</body>
<html>
Embedded Style Sheet
Penulisan CSS didalam dokumen HTML dan menggunakan tag <style></style>
Contoh scriptnya seperti berikut:
<html>
<head>
<title>Contoh : Embedded style sheet </title>
<style>
H1{color:red}
</style>
<body>
<h1>
Hello </h1>
</body>
</html>
Linked Style Sheet
Penulisan srip CSS dihalam berbeda atau terpisah dari html.
Skirp untuk halaman html
<html>
<Head>
<title> Contoh : Linked Style Sheet</title>
<link href=”style.css” rell=”stylesheet” type=”text/css”>
</head>
<body>
<H1>coba
Linked Style Sheet </H1>
</body>
</html>
Script untuk halaman style1.css
H1
{
Color
: RED;
}
Keterangan: simpan format html dan format css di
dalam folder yang sama, disini kita menghubungkan halam style1.css ke halaman html perbedaannya
kita menulis script cssnya di halam yang berbeda.
Selmat Mencoba...