Download Source Code Aplikasi

Import Style Sheets Via Selector Import

Thursday, August 29th, 2019 - Artikel CSS

Style sheet selain sanggup diembed pribadi di dalam dokumen HTML via elemen STYLE HTML, style sheet juga sanggup diimport via selector @import.

Jika ingin gunakan selector ini untuk hal itu, berikut bentuknya:

@import url(externalStyle.css);

Untuk externalStyle yaitu nama dokumen CSS yang akan diimport. Pastikan filenya berekstensi *.css.

Untuk bagaimana menyimpan suatu file dengan ekstensi tertentu, silahkan merujuk ke halaman Aplikasi Untuk Bekerja Dengan HTML.

Contoh prakteknya:

  1. Ketikkan isyarat di bawah ini di Notepad:

    <HTML> <HEAD> <STYLE TYPE="text/css"> @import url(externalStyle.css); </STYLE> </HEAD> <BODY> <P>Lorem imsum dolor si Amet!</P> </BODY> </HTML>
  2. Buat dokumen CSS di bawah ini, simpan dengan nama externalStyle.css:

    P { color: red; font-size: 26px; }
  3. Terakhir, jalankan dokumen HTML di atas dengan browser, nanti terlihat teks elemen P yaitu merah dan ukurannya sebesar 26 piksel.
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Import Style Sheets Via Selector Import | Ahmad Code | 4.5