[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.

post written by:

Related Posts

0 Comments: