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.

3
Tata letak Flex / Grid tidak berfungsi pada tombol atau elemen fieldset
Saya mencoba untuk memusatkan elemen dalam dari <button>-tag dengan flexbox's justify-content: center. Tapi Safari tidak memusatkannya. Saya dapat menerapkan gaya yang sama ke tag lain dan berfungsi sebagaimana mestinya (lihat <p>-tag). Hanya tombol yang rata kiri. Coba Firefox atau Chrome dan Anda dapat melihat perbedaannya. Apakah ada gaya agen pengguna …
91 html  css  safari  flexbox  css-grid 
8
Cara membalikkan animasi saat mouse keluar setelah hover
Jadi, dimungkinkan untuk memiliki animasi terbalik pada mouse out seperti: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } tetapi, saat menggunakan animasi @keyframes, saya tidak dapat membuatnya berfungsi, misalnya: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to {transform: …
91 css  animation 
6
Hapus bayangan masukan iOS
Di iOS (Safari 5) saya harus mengikuti untuk elemen input (bayangan bagian dalam atas): Saya ingin menghapus bayangan atas, bug -webkit-appearancetidak disimpan. Gaya saat ini adalah: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; }
91 ios  css  input 
6
Cara memusatkan wadah fleksibel tetapi item flex rata kiri
Saya ingin item flex berada di tengah tetapi ketika kita memiliki baris kedua, memiliki 5 (dari gambar di bawah) di bawah 1 dan tidak di tengah orang tua. Inilah contoh dari apa yang saya miliki: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } …
91 html  css  flexbox 
9
Tinggi baris yang sama dalam wadah fleksibel
Seperti yang Anda lihat, list-itemsyang pertama rowmemiliki kesamaan height. Tetapi item yang kedua rowmemiliki perbedaan heights. Saya ingin semua item memiliki seragam height. Apakah ada cara untuk mencapai ini tanpa memberikan ketinggian tetap dan hanya menggunakan flexbox ? Ini milikku code .list { display: flex; flex-wrap: wrap; max-width: 500px; } …
91 html  css  flexbox 
7
Apa praktik terbaik untuk mengurutkan elemen di <head>?
dapat menggunakan apapun dengan urutan apapun? apakah penempatan dari &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt;itu penting sebelumnya&lt;title&gt; ini paling banyak digunakan, apakah ini cara terbaik? &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt; &lt;title&gt;Title Goes Here&lt;/title&gt; &lt;link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912"&gt; &lt;link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt; …
91 html  css  xhtml  w3c 
7
Gaya sebaris untuk bertindak sebagai: hover di CSS
Saya tahu bahwa menyematkan gaya CSS langsung ke tag HTML pengaruhnya akan mengalahkan sebagian besar tujuan CSS, tetapi terkadang berguna untuk tujuan debugging, seperti dalam: &lt;p style="font-size: 24px"&gt;asdf&lt;/p&gt; Seperti apa sintaks untuk menyematkan aturan seperti: a:hover {text-decoration: underline;} ke dalam atribut gaya dari sebuah tag? Jelas bukan ini ... &lt;a …
91 html  css 
2
Targetkan kelas css di dalam kelas css lain
Hai, Saya mengalami masalah dengan beberapa kelas css di joomla. Saya memiliki dua div dalam satu modul, satu adalah kelas pembungkus = "pembungkus", yang lainnya adalah kelas konten = "konten". Konten ada di dalam pembungkus. Apa yang saya coba lakukan adalah menargetkan gaya css pada kelas konten. Biasanya saya hanya …
91 html  css  joomla  module 
8
Apakah ada srcset yang setara untuk gambar latar css
img dengan srcset atribut sepertinya cara yang bagus untuk melakukan gambar responsif. Apakah ada sintaks yang setara yang berfungsi di background-imageproperti css ? HTML &lt;img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"&gt; CSS .mycontainer { background: url(?something goes here?); }
2
Bisakah Anda mengatur gaya nomor daftar?
Saya mencoba mengatur gaya angka dalam daftar berurutan, saya ingin menambahkan warna latar belakang, radius batas, dan warna sehingga cocok dengan desain tempat saya bekerja: Saya kira itu tidak mungkin dan saya harus menggunakan gambar yang berbeda untuk setiap nomor yaitu ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... Apakah ada …
91 html  css  html-lists  sprite 
3
Baris bootstrap dengan kolom dengan ketinggian berbeda
Saat ini saya memiliki sesuatu seperti: &lt;div class="row"&gt; &lt;div class="col-md-4"&gt;Content&lt;/div&gt; &lt;div class="col-md-4"&gt;Content&lt;/div&gt; &lt;div class="col-md-4"&gt;Content&lt;/div&gt; &lt;div class="col-md-4"&gt;Content&lt;/div&gt; &lt;div class="col-md-4"&gt;Content&lt;/div&gt; &lt;div class="col-md-4"&gt;Content&lt;/div&gt; &lt;div class="col-md-4"&gt;Content&lt;/div&gt; &lt;div class="col-md-4"&gt;Content&lt;/div&gt; &lt;div class="col-md-4"&gt;Content&lt;/div&gt; &lt;/div&gt; Sekarang asumsikan bahwa, contentadalah kotak dengan tinggi yang berbeda, dengan semua lebar yang sama - bagaimana saya bisa menjaga "tata letak berbasis grid" …
10
Cara Menutup Peringatan Secara Otomatis menggunakan Twitter Bootstrap
Saya menggunakan kerangka CSS bootstrap Twitter (yang luar biasa). Untuk beberapa pesan kepada pengguna, saya menampilkannya menggunakan lansiran Javascript JS dan CSS. Bagi yang tertarik, dapat ditemukan di sini: http://getbootstrap.com/javascript/#alerts Masalah saya adalah ini; setelah saya menampilkan peringatan kepada pengguna, saya ingin peringatan itu menghilang setelah beberapa waktu. Berdasarkan dokumen …
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.