Perkenalan Dasar Tentang CSS
- External Style Sheet
- Internal Style Sheet
- Inline Style Sheet
External Style Sheet
Adalah CSS yang dibuat dalam file terpisah dengan ekstensi file .css. Untuk memanggilnya menggunakan script html yang disisipkan antara tag head sebagai berikut:<link rel="stylesheet" type="text/css" href="ditektori/filecss.css" /> |
Internal Style Sheet
Adalah cara embeding css dengan menulis langsung di dalam file html yang ingin kita atus tampilannya. Penulisan ini disisipkan diantara tag head juga dengan diapit oleh tag style. Berikut ini contohnya:<style type="text/css"> body{ background:#cccccc; font-family:Arial; } </style> |
Inline Style Sheet
Adalah penulisan script css langsung pada tag html dengan menambahkan style di dalamnya. Contoh:<p style="font-size:20px;">Tulisan yang di atur </p> |
Namun penggunaan external css akan memudahkan Anda di waktu kedepan dalam hal update dan editing.
Selamat mencoba.
:sumber
berikut tutorial nya ;
CSS Tutorial - W3Schools
CSS Tutorial
The Complete CSS tutorial - EchoEcho.Com
CSS Beginner Tutorial | HTML Dog
CSS Tutorial - Table of contents - HTML.net
Perkenalan Dasar Tentang CSS
- External Style Sheet
- Internal Style Sheet
- Inline Style Sheet
External Style Sheet
Adalah CSS yang dibuat dalam file terpisah dengan ekstensi file .css. Untuk memanggilnya menggunakan script html yang disisipkan antara tag head sebagai berikut:<link rel="stylesheet" type="text/css" href="ditektori/filecss.css" /> |
Internal Style Sheet
Adalah cara embeding css dengan menulis langsung di dalam file html yang ingin kita atus tampilannya. Penulisan ini disisipkan diantara tag head juga dengan diapit oleh tag style. Berikut ini contohnya:<style type="text/css"> body{ background:#cccccc; font-family:Arial; } </style> |
Inline Style Sheet
Adalah penulisan script css langsung pada tag html dengan menambahkan style di dalamnya. Contoh:<p style="font-size:20px;">Tulisan yang di atur </p> |
Namun penggunaan external css akan memudahkan Anda di waktu kedepan dalam hal update dan editing.
Selamat mencoba.
:sumber
berikut tutorial nya ;
0 komentar:
Posting Komentar