RSS Feed

Menghias HTML dengan CSS (Cascading Style Sheets)

Posted by Restiyanti Labels: , , , , , , , ,

Cascading Style Sheets/C ascading S Tyle S heets (CSS) adalah penemuan yang luar biasa untuk meningkatkan penampilan situs Anda. CSS juga merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS berfungsi mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file.

Pada tulisan sebelumnya yang membahas Membuat CV dengan HTML sudah terdapat kode CSS sebagai berikut:

#wrapper{  
width: 1180px;  
margin: 0 auto;  
background-size:1200px;        
font-family:Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;        
}  
   
.box {  
margin: 31px 31px 4px;  
width: 825px;  
background: rgb(221, 181, 221);  
padding: 15px;  
border-radius: 1px;  
opacity: 0.8;  
float: left;  
border: 9px solid rgb(228, 144, 144);  
}  
#title {  
float: left;  
width: 600px;  
margin: 0px 31px;  
padding-top: 1px;  
text-align: center;  
font-size: 23px;  
text-align: left;  
}    
#title h1 {  
font-size: 2em;  
}  
table {  
text-align:left;  
width: 800px;  
}  
table td{  
vertical-align:top;  
}  


#wrapper{}
Digunakan untuk mendeklarasikan selektor ID 'wrapper'.

.box{}
Digunakan untuk mendeklarasikan class 'box' yang dapat diterapkan di beberapa tag/bagian.

#title{}
Digunakan untuk mendeklarasikan selektor ID 'title'.

#title h1{}
Digunakan untuk mendeklarasikan selektor ID 'title h1'.

Demikian tulisan kali ini, semoga bermanfaat.



Referensi:
http://www.agustiyani.blogspot.com/2013/04/menghias-html-dengan-css.html diakses pada tanggal 22 April 2013 pukul 20.00
http://www.syahroneiy.blogspot.com/2013/04/menghias-html-dengan-menggunakan-css.html diakses pada tanggal 22 April 2013 pukul 19.30

0 comments:

Posting Komentar