Apa Itu CSS Inline ?
CSS Inline adalah lembar gaya HTML yang diterapkan langsung pada baris / tag HTML yang bersangkutan, misalnya seperti ini: <img style="width: 120px;" src="images/dua.jpg">.
Pembuatannya cukup tambahkan style=”” dan nilai style nya pada masing-masing tag HTML, style itu akan berpengaruh hanya untuk tag itu saja.
Apa Itu CSS Internal ?
CSS Internal adalah lembar gaya / CSS yang diterapkan didalam satu file bersama HTML.
Metode ini tidak memerlukan lembar CSS yang pada umumnya biasa disimpan dengan nama style.css karena CSS nya sudah diterapkan didalam bersamaan dengan file HTML.
Contohnya seperti ini:
Silahkan copy paste kode berikut jika ingin menggunakan CSS Internal, pastikan mengganti source nya sesuai dengan nama file yang telah kamu buat sebelumnya.
<!DOCTYPE html> <html> <head> <title>Tutorial Scroll Dalam Div Rio Bermano</title> </head> <style type="text/css"> .satu { max-width: 350px; height: 70vh; } .dua { height: 100%; overflow: auto; } </style> <body> <div class="satu"> <div class="dua"> <p>Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dauf elektroni 5 abad, tapi juga telah beralih ke penataan huruf elektrop Publishing sepertem Ipsum.</p> </div> </div> </body> </html>
style nya diletakkan didalam file HTML di sebelum tag pembguka <body>, hal ini lumayan merepotkan jika file HTML nya panjang dan stylenya juga panjang tapi dalam pencarian code tidak perlu buka tutup file karena ada didalam file yang sama.
Tidak ada komentar:
Posting Komentar