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.

8
Sejajarkan elemen ke bawah dengan flexbox
Saya punya divbeberapa anak: <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> dan saya ingin tata letak berikut: ------------------- |heading 1 | |heading 2 | |paragraph text | |can have many | |rows | | | | | | | |link-button | …
375 html  css  flexbox 
11
Matikan pembulatan elemen input iPhone / Safari
Situs web saya ditampilkan dengan baik di browser iPhone / Safari, dengan satu pengecualian: Bidang input teks saya memiliki gaya bulat aneh yang tidak terlihat bagus sama sekali dengan bagian situs web saya yang lain. Apakah ada cara untuk menginstruksikan Safari (melalui CSS atau metadata) untuk tidak membulatkan bidang input …
18
img src SVG mengubah gaya dengan CSS
html <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } Svg di atas memuat dan secara asli fill: #ffftetapi ketika saya menggunakan di atas cssuntuk mencoba mengubahnya menjadi hitam itu tidak berubah, ini adalah pertama kalinya saya bermain dengan SVG dan saya tidak yakin mengapa itu tidak berfungsi.
374 css  image  svg 
21
Perbedaan antara margin dan padding?
Apa sebenarnya perbedaan antara margin dan padding di CSS? Tampaknya itu tidak melayani banyak tujuan. Bisakah Anda memberi saya contoh di mana letak perbedaannya (dan mengapa penting untuk mengetahui perbedaannya)?
372 css 
13
Bagaimana cara menempatkan dua div di samping satu sama lain?
Pertimbangkan kode berikut : #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write code because they love it.</div> <div id="second">When …
370 css  html 
14
Saya tidak ingin mewarisi opacity anak dari orang tua di CSS
Saya tidak ingin mewarisi opacity anak dari orang tua di CSS. Saya memiliki satu div yang merupakan orangtua, dan saya memiliki div lain di dalam div pertama yang adalah anak. Saya ingin mengatur properti opacity di div induk, tapi saya tidak ingin div anak mewarisi properti opacity. Bagaimana saya bisa …
370 css 
8
CSS: not (: last-child): setelah pemilih
Saya memiliki daftar elemen, yang ditata seperti ini: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Output One | Two | Three | Four | Five |bukanOne | Two …
2
Flexbox tidak memberikan lebar yang sama ke elemen
Mencoba flexbox nav yang memiliki hingga 5 item dan hanya 3, tetapi tidak membagi lebar secara merata di antara semua elemen. Biola Tutorial yang saya modelkan setelah ini adalah http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ KELANCANGAN * { font-size: 16px; } .tabs { max-width: 1010px; width: 100%; height: 5rem; border-bottom: solid 1px grey; margin: 0 …
368 html  css  flexbox 
16
CSS text-overflow: ellipsis; tidak bekerja?
Saya tidak tahu mengapa CSS sederhana ini tidak berfungsi ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> Jalankan …
368 overflow  ellipsis  css 
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.