Pengertian CSS, fungsi dan cara kerjanya

Pengertian,Definisi, Dan Fungsi Dari Css

Diposkan oleh Imania nia 

 A.    Pengertian CSS
CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”.  Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan.  Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet.  Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.

http://yuliakurniasih30.wordpress.com/tag/definisi-css-jenis-jenis-css/

Sejarah CSS
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk suatu hubungan layaknya hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

Definisi CSS

Apa itu CSS ?

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.

CSS dibuat untuk memisahkan konten utamadengan tampilan dokumen yang meliputi layout, warna da font. Pemisahan ini dapat meningkatkann daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi darisebuah karakteristik dari sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik tableless pada desain web.

CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda pula, seperti on-screen, in-print, by voice, dan lain-lain. Sementaraitu, pemilik konten web bisa menentukan link yang menghubungkan konten dengan file CSS.

Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih mudah dilakukan. Hal yang termasuk dalam desain web diantaranya adalah warna, ukura dan formatting. Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi memungkinkan untuk melakukan pengulangan pada tampilan-tampilan tertentu dalam suatu web, sehingga akan memudahkan dalam membuat halaman web yang banyak, yang pada akhirnya dapat memangkas waktu pembuatan web. 

http://jambispirit.com/berita-15.html

Sifat CSS
Ada dua sifat CSS yaitu internal dan eksternal. Jika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan didesain.

Contoh:

<html>
<head>
<style type="text/CSS">
body{background:#ffffff;}
h1{color:red;text-align:center;}
p{font-family:arial;font-size:18px;}
</style>
</head>
<body>
<h1>Contoh CSS</h1>
<p>Ini adalah bagian penulisan paragrap.</p>
</body>
</html>

Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus.

Contoh :

<html>
<head>
<link rel="stylesheet" type="text/CSS" media="all" href="url CSS yang sudah diupload" />
</head>
<body>
<h1>Contoh CSS</h1>
<p>Ini adalah bagian penulisan paragrap.</p>
</body>
</html>

sumber : http://www.bloggerblur.com/2011/07/pengertian-css-beserta-fungsi.html

fungsi css

fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.

cara kerja css

cara kerja css itu sangatlah mudah, kita hanya perlu menulis stylenya(selector id dan class tersesuaikan) maka secara otomatis akan bekerja pada document html.
 http://www.indaam.com/2010/04/pemahaman-dasar-dasar-css-dan-cara-kerja/

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) )
;
Apabila suatu style dari css akan dipergunakan untuk beberapa halaman, akan lebih tepat mendeklarasikan css tersebut ke dalam suatu file css terpisah dan baru dipanggil pada suatu halaman. Contoh yang paling sederhana adalah sebagai berikut:
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 “/>. Jadi secara logika kita tidak dapat menggunakan class pada penggunaan link seperti contoh di atas. Atribut dari css pada dasarnya ada banyak sekali walaupun jumlahnya terhingga. Atribut untuk CSS dasar meliputi bagian, antara lain;

• Background
• Border
• Classification
• Dimension
• Font
• Generated Content
• List and Marker
• Margin
• Outlines
• Padding
• Positioning
• Table
• Text

Sedangkan untuk CSS3 akan ada lebih banyak lagi tambahan atribut dari CSS dasar sehingga akan lebih mudah dipelajari dari kasus – kasus tertentu yang akan diberikan pada topik pembahasan studi kasus tentunya masih di Tutorial Pembelajaran.
.. Video Pengenalan Tentang CSS  :

.. Diperbolehkan Mengcopy-paste Postingan ini dengan mencantumkan sumberx . Panda M