Pertanyaan yang diberi tag «css»

CSS (Cascading Style Sheets) adalah bahasa lembar gaya representasi yang digunakan untuk menjelaskan tampilan dan pemformatan dokumen HTML (HyperText Markup Language), XML (Extensible Markup Language) dan elemen SVG termasuk (tapi tidak terbatas pada) warna, tata letak, font, dan animasi. Ini juga menjelaskan bagaimana elemen harus ditampilkan di layar, di atas kertas, dalam pidato, atau di media lain.

10
Bisakah Anda melakukan tata letak HTML ini tanpa menggunakan tabel?
Oke, saya mengalami masalah tata letak sederhana satu atau dua minggu yang lalu. Yaitu bagian dari halaman membutuhkan header: +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ Hal-hal yang cukup sederhana. Masalahnya adalah kebencian tabel tampaknya telah mengambil alih di dunia Web, yang saya ingat ketika saya bertanya Mengapa menggunakan tag daftar …
102 html  css  layout 

4
Memposisikan div di dekat sisi bawah div lain
Saya memiliki div luar dan div dalam. Saya perlu menempatkan div dalam di bagian bawah div luar. Div luar elastis (lebar: 70% misalnya). Saya juga perlu memusatkan blok dalam. Model simple make up yang dideskripsikan terlihat pada gambar di bawah ini:
102 html  css  layout 

3
Bagaimana cara menata <option> hanya dengan CSS?
Catatan: Pertanyaan ini bukan tentang membuat dropdown kustom. Ini hanya tentang kemungkinan &lt;option&gt;elemen gaya dalam elemen pilih di CSS Bagaimana saya bisa gaya &lt;option&gt;s dari &lt;select&gt;elemen dengan kompatibilitas cross-browser? Saya tahu banyak cara JavaScript yang menyesuaikan dropdown untuk diubah menjadi &lt;li&gt;, yang tidak saya tanyakan. &lt;select class="select"&gt; &lt;option selected&gt;Select&lt;/option&gt; &lt;option&gt;Blue&lt;/option&gt; …
102 css  html-select 

3
Layar Retina, gambar latar beresolusi tinggi
Ini mungkin terdengar seperti pertanyaan konyol. Jika saya menggunakan potongan CSS ini untuk tampilan biasa (Dimana box-bg.png200px kali 200px); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } dan jika saya menggunakan kueri media seperti ini untuk menargetkan tampilan retina (Dengan gambar @ 2x menjadi versi resolusi tinggi); @media (-webkit-min-device-pixel-ratio: 2), …


4
Posisi Absolut + Scrolling
Dengan berikut HTMLdanCSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } &lt;div class="container"&gt; &lt;div class="full-height"&gt; &lt;/div&gt; &lt;/div&gt; Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Bagian dalam divmengambil seluruh kepala wadah …
102 html  css 


11
Kelas & Subkelas CSS
Apakah mungkin, selain yang saya lakukan karena tampaknya tidak berhasil, melakukan ini? Saya ingin memiliki subclass yang berada di bawah kelas untuk menggunakan CSS khusus untuk class.subclass tersebut. CSS .area1 { border:1px solid black; } .area1.item { color:red; } .area2 { border:1px solid blue; } .area2.item { color:blue; } HTML …
102 css 




4
<input> tidak mewarisi font dari <body>
Saya memiliki bidang masukan dan label: &lt;label class="adm" for="UserName"&gt;User name&lt;/label&gt; &lt;input class="adm" id="UserName" name="UserName" size="30" type="text" value="" /&gt; dan CSS: body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; color: #111;} label.adm { font-size:0.9em; margin:0 0 3px 3px; display: block;} input.adm { font-size:0.9em; margin:0 0 3px 3px; } Ketika kode terbuka di Firefox, …
102 css 

3
Transisi CSS dengan visibilitas tidak berfungsi
Di biola di bawah ini, saya memiliki transisi pada visibilitas dan opasitas secara terpisah. Yang terakhir berfungsi tetapi yang pertama tidak. Selain itu, dalam kasus visibilitas, waktu transisi diartikan sebagai penundaan saat melayang keluar. Terjadi di Chrome &amp; Firefox. Apakah ini bug? http://jsfiddle.net/0r218mdo/3/ Kasus 1: #inner{ visibility:hidden; transition:visibility 1000ms; } …


14
Bagaimana cara mendesain SVG dengan CSS eksternal?
Saya memiliki beberapa grafik SVG yang ingin saya ubah warnanya melalui style sheets eksternal saya - tidak secara langsung di dalam setiap file SVG. Saya tidak meletakkan grafik sebaris, tetapi menyimpannya di folder gambar saya dan mengarahkannya. Saya telah menerapkannya dengan cara ini untuk memungkinkan tooltips bekerja, dan saya juga …
102 html  css  svg  stylesheet  external 

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.