Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Aplikasi pembuat css
Misalkan saya punya file html atau php terus mau tambahin CSSnya, ada gak aplikasi untuk buat CSSnya ?
4 Jawaban:
kalau mau cepet coba cari bootstrap, itu kayak template html gitu. bisa diedit2 lagi sesuai kebutuhan semoga membantu
pakai Framework aja klo mau cepat dan bagus.
macam macam framework untuk CSS:
-bootstrap
-materializecss
class class nya bisa dipelajari di websitenya masing2
Saya kurang faham apa yg di sebutkan. Untuk menambahkan css ke html bisa pakai tag <pre><style></style></pre>
semua dfinisi gaya design halaman web di simpan di dalam tag style tapi kalau kode cssnya banyak caranya lain lagi yaitu dengan link ke halama css, tapi kalau mau paham css harus mulai dengan tag style ini coba copy code di bawah ini dan di simpan dengan nama web.html atau apalah terserah dan coba di buka di browser. saya mau design bagian paling atas halaman sehingga logika saya menyebut bagian atas halaman sebagai 'bagianKepala' maka saya sebut kode cssnya dengan logika itu
<pre><p>[code]</p><p><html></p><p><head></p><p><title>Judul</title></p><p><!-- css di pasang di antara tag style berikut --></p><p><style></p><p>#bagianKepala{</p><p> margin: 0;</p><p> padding: 10px 0px;</p><p> border-bottom: 1px solid #cccccc;</p><p> width: 100%;</p><p>}</p><p>#bagianKepalaA{</p><p> margin: 0px;</p><p> padding: 0px 0px 10px 10px;</p><p>}</p><p>#bagianKepalaB{</p><p> color: #cccccc;</p><p> padding: 0px 0px 0px 10px;</p><p> white-space: nowrap;</p><p>}</p><p>#bagianKepalaB a {</p><p> font-size: 90%;</p><p> padding: 0px 4px 0px 0px; </p><p>}</p><p></style></p><p></head></p><p><body> </p><p><!-- bagian kepala mulai di sini --></p><p><div id="bagianKepala"> </p><p> <h1 id="bagianKepalaA">Nama Web</h1> </p><p> <div id="bagianKepalaB"> </p><p> <a href="#">Link utama1</a> | <a href="#">Link utama2</a> | <a href="#">Link utama3</a> | <a href="#">Link utama4</a> | <a href="#">Link utama5</a> | <a href="#">Link utama6</a> | <a href="#">Link utama7</a> </p><p> </div> </p><p></div> </p><p><!-- bagian kepala akhir di sini --></p><p></body></p><p></html></p><p>[/code]</p> </pre><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p>
