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.

7
Cara memotong dan memusatkan gambar secara otomatis
Diberikan gambar sewenang-wenang, saya ingin memotong persegi dari pusat gambar dan menampilkannya di dalam persegi yang diberikan. Pertanyaan ini mirip dengan ini: CSS Menampilkan Gambar yang Diubah Ukurannya dan Dipotong , tapi saya tidak tahu ukuran gambarnya sehingga saya tidak bisa menggunakan set margin.
159 css 
10
Bisakah CSS memaksa satu baris setelah setiap kata dalam suatu elemen?
Saya sedang membangun situs multibahasa, dengan pemiliknya membantu saya dengan beberapa terjemahan. Beberapa frasa yang ditampilkan memerlukan jeda baris untuk mempertahankan gaya situs. Sayangnya, pemiliknya bukan orang komputer, jadi jika dia melihat foo<br />barada kemungkinan dia akan mengubah data entah bagaimana saat dia menerjemahkan. Apakah ada solusi CSS (selain mengubah …
159 css  line-breaks 
8
2 layout kolom div: kolom kanan dengan lebar tetap, cairan kiri
Persyaratan saya sederhana: 2 kolom di mana yang benar memiliki ukuran tetap . Sayangnya saya tidak dapat menemukan solusi yang berfungsi, baik di stackoverflow maupun di Google. Setiap solusi yang dijelaskan di sana gagal jika saya menerapkannya dalam konteks saya sendiri. Solusi saat ini adalah: div.container { position: fixed; float: …
158 css  html 
8
Animasi Spin CSS3
Saya telah meninjau beberapa demo dan tidak tahu mengapa saya tidak bisa mengaktifkan spin CSS3. Saya menggunakan rilis stabil terbaru dari Chrome. Biola: http://jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name: spin; -webkit-animation-duration: 40000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 40000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; …
11
Dalam urutan apa CSS stylesheet menimpa?
Di header HTML, saya mendapatkan ini: <head> <title>Title</title> <link href="styles.css" rel="stylesheet" type="text/css"/> <link href="master.css" rel="stylesheet" type="text/css"/> styles.cssadalah lembar spesifik halaman saya. master.cssadalah lembar yang saya gunakan pada setiap proyek saya untuk mengesampingkan default browser. Manakah dari lembar gaya ini yang mendapat prioritas? Contoh: lembar pertama berisi spesifik body { margin:10px; …
4
Hapus SEMUA penataan / pemformatan dari hyperlink
Saya membuat menu navigasi dengan kata-kata dengan berbagai warna ( hreftautan). Saya ingin warna TIDAK berubah pada kondisi apa pun (mengarahkan, mengunjungi dll). Saya tahu cara mengatur warna untuk negara yang berbeda, tapi saya ingin tahu kode untuk hanya meninggalkan warna teks (dan gaya / pemformatan lainnya) apa adanya. Ada …
157 html  css  href 
15
Bagaimana saya bisa skala gambar dalam sprite CSS
Dalam artikel ini, http://css-tricks.com/css-sprites/ , ia berbicara tentang bagaimana saya bisa memotong gambar yang lebih kecil dari 1 gambar yang lebih besar. Bisakah Anda memberi tahu saya jika mungkin / bagaimana saya bisa memotong gambar yang lebih kecil dan kemudian skala wilayah yang dipotong sebelum saya meletakkannya? Ini adalah contoh …
157 css  css-sprites 
12
Bagaimana saya bisa membuat ruang antara dua tombol di div yang sama?
Apa cara terbaik untuk secara spasial tombol Bootstrap horizontal? Saat ini tombolnya menyentuh: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> jsfiddle menunjukkan masalah: …
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.