Pengertian CSS

Linggar Galih M
0 view / 1389 show
3 years ago
Technology

Image result for Gambar CSS

 

 

 

Pengertin Dasar CSS

Cascading Style Sheet (CSS)merupakan salah satu bahasa pemrograman web  untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

CSS dapat mengendalikan ukuran gambar, warna body teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri/kanan/atas/bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokument. 

Syntaks css secara umum dapat ditulis sebagai berikut :
<html>
<head>
<style type=”text/css”>
…isi css…
</style>
…isi halaman…
</body>
</html>

. atau dpat langsung menuliskan style pada tag html-nya : <img src =”../images/contoh.gif” align=”…” Padding,Border,Margin…. >

Contoh Css :

height: 35px; width: 100px; border: 1px solid #ff0000; background: #ff0000; background: -moz-linear-gradient( center top, white 20%, #ff0000 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #ff0000) )
;

Contoh kerangka kode berikut akan disimpan pada file.css

html {…}
body {…}
a {…}
.b {…}
.c {…}
#tujuan{…}
#header h1 a:visited{…}
a.page-numbers:hover {…}
div.content-bottom{…}
table th {…}
fieldset {…}
legend {…}
form {…}
p{…}
h1 {…}
div#nama li{…}
textarea {…}
input[type=”…”] {…}
select {…}
label{…}
pre {…}
code {…}
blockquote {…}
ul {…}
li {…}

Untuk memanggilnya dengan menambahkan kode html seperti berikut <link rel=”stylesheet” type=”text/css” href=”contoh.css” /> atau dapat juga dengan <style src=”contoh.css” type=”text/css” media=”screen” />. Pada pemanggilan fungsi dari css terdapat 2 penulisan (class dan id) yang berbeda dengan fungsi yang berbeda pula. Pada suatu elemen dapat memakai lebih dari 1 class namun hanya dapat menggunakan satu id. Jika diambil contoh di atas maka pemanggilan dapat digunakan dengan cara sebagai berikut:

<p></p> dan untuk penulisan id adalah <div id=”header”> </div> atau lebih jelas lagi seperti pada penggunaan link <a href=”#tujuan “/>

. Atribut untuk CSS dasar meliputi bagian, antara lain;

  • Background
  • Border
  • Classification
  • Dimension
  • Font
  • Generated Content
  • List and Marker
  • Margin
  • Outlines
  • Padding
  • Positioning
  • Table
  • Text
Tags : #
Share On :




Related