[css] Menghubungkan CSS dan HTML untuk pemula pada ubuntu

[css] Menghubungkan CSS dan HTML untuk pemula pada ubuntu

Kemaren kan sudah dapat meng aplod web di localhost/. untuk tampilan HTML saja tidak cukup. bisa dibilang sangat kurang menarik. . . .
maka dari itu kita perlu menggunakan css. atau cassade style sheet. atau apalah ane g terlalu tau kalo teorinya.
syntax pokoknya di php nya kayak gini

. . .
<div id="nama-style">
content
</div>
. . .

atau kalo tidak css pada numbering

. . .
<ul class="nama-style">
content
</ul>
. . .

tapi ingat harus menambah script di <head>

<head>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>

dan pada file .css nya sangat mudah hanya begini tapi yang ini hanya berlaku untuk yang <div="nama-style">

#nama-style {
"style yang akan diterapkan"
}

tapi kalo untuk yang numbering <ul class="nama-style"> hanya begini.

.nama-style {
"style yang akan diterapkan
}

Untuk penerapannya ketikan perintah html/ php nya seperti biasa.

  1. membuka bluefish dahulu, kemudian membuat file baru dan mengesavenya dengan nama index.php
  2. kemudian ketikan script


<html>
<head>
<title>Coba css</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="a">
1
</div>
<div id="b">
2
</div>
<div id="c">
3
</div>
<div id="d">
4
</div>
</body>
</html>

kemudian file css nya seperti ini save dengan nama style.css


#a {
background-color: red;
}
#b {
color: blue;
}
#c {
margin: 2;
}
#d {
text-decoration: underline;
}

itu hanya css dasar kalo mau yang lebih master lagi tanya aja mbah google.
mungkin hanya seperti itu. mudah banget kan. semoga dapat dimengerti.
Previous Post
Next Post

post written by:

0 Comments: