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.

25
Hapus batas dari IFrame
Bagaimana cara saya menghapus perbatasan dari iframe yang tertanam di aplikasi web saya? Contoh iframe adalah: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> Saya ingin transisi dari konten di halaman saya ke konten iframe menjadi mulus, dengan asumsi warna latar belakang konsisten. Browser target hanya untuk IE6 dan sayangnya solusi untuk …

20
Dapatkah saya menggunakan: sebelum atau: setelah elemen semu pada bidang input?
Saya mencoba menggunakan :afterelemen pseudo-CSS pada suatu inputbidang, tetapi tidak berhasil. Jika saya menggunakannya dengan span, itu berfungsi OK. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Ini bekerja (menempatkan smiley setelah "buu!" Dan sebelum "lagi") <span class="mystyle">buuu!</span>a some more Ini tidak berfungsi - itu hanya warna someValue dalam merah, tetapi …

15
Mengelola Ledakan CSS
Saya sangat mengandalkan CSS untuk situs web yang sedang saya kerjakan. Saat ini, semua gaya CSS sedang diterapkan pada basis per tag, dan sekarang saya mencoba untuk memindahkannya ke lebih banyak gaya eksternal untuk membantu dengan perubahan di masa depan. Tapi sekarang masalahnya adalah saya perhatikan saya mendapatkan "CSS Explosion". …
683 css  organization 

12
Bagaimana cara meluruskan item fleksibel?
Apakah ada cara flexbox-ish yang lebih baik untuk meluruskan "Kontak" daripada menggunakan position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div class="a"><a …
682 html  css  flexbox 

25
Cara memusatkan elemen "posisi: absolut"
Saya mengalami masalah saat memusatkan elemen yang atributnya positiondisetel ke absolute. Adakah yang tahu mengapa gambar tidak terpusat? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { border: …

5
Di CSS Flexbox, mengapa tidak ada properti "justify-items" dan "justify-self"?
Pertimbangkan sumbu utama dan sumbu silang wadah fleksibel: Sumber: W3C Untuk menyelaraskan item fleksibel di sepanjang sumbu utama ada satu properti: justify-content Untuk menyelaraskan item fleksibel di sepanjang sumbu silang ada tiga properti: align-content align-items align-self Pada gambar di atas, sumbu utama adalah horisontal dan sumbu silang vertikal. Ini adalah …

12
Flexbox: tengah secara horizontal dan vertikal
Cara memusatkan div secara horizontal, dan vertikal di dalam wadah menggunakan flexbox. Dalam contoh di bawah ini, saya ingin setiap angka di bawah satu sama lain (dalam baris), yang dipusatkan secara horizontal. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: …
672 html  css  flexbox 

4
wildcard * di CSS untuk kelas
Saya memiliki div ini yang saya styling dengan .tocolor, tetapi saya juga membutuhkan pengidentifikasi unik 1,2,3,4 dll jadi saya menambahkannya sebagai kelas lain tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 </div> .tocolor{ background: …

30
Mengapa tidak menggunakan tabel untuk tata letak dalam HTML? [Tutup]
Seperti yang ada saat ini, pertanyaan ini tidak cocok untuk format Tanya Jawab kami. Kami berharap jawaban didukung oleh fakta, referensi, atau keahlian, tetapi pertanyaan ini kemungkinan akan mengundang debat, argumen, polling, atau diskusi panjang. Jika Anda merasa bahwa pertanyaan ini dapat diperbaiki dan mungkin dibuka kembali, kunjungi pusat bantuan …
665 html  css 


10
Bisakah saya menulis elemen pemilihan pemilih CSS TIDAK memiliki kelas atau atribut tertentu?
Saya ingin menulis aturan pemilih CSS yang memilih semua elemen itu tidak memiliki kelas tertentu. Misalnya, diberikan HTML berikut: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... --> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> </body> …
646 html  css  css-selectors 

23
Posisi tetap tetapi relatif terhadap wadah
Saya mencoba untuk memperbaiki divsehingga selalu menempel di bagian atas layar, menggunakan: position: fixed; top: 0px; right: 0px; Namun, divada di dalam wadah terpusat. Ketika saya menggunakannya position:fixedmemperbaiki divrelatif ke jendela browser, seperti itu di sisi kanan browser. Sebaliknya, itu harus diperbaiki relatif terhadap wadah. Saya tahu itu position:absolutedapat digunakan …

26
Konversi gambar ke skala abu-abu dalam HTML / CSS
Apakah ada cara sederhana untuk menampilkan bitmap warna dalam skala abu-abu hanya dengan HTML/CSS? Tidak perlu kompatibel dengan IE (dan saya kira tidak akan) - jika bekerja di FF3 dan / atau Sf3, itu cukup baik untuk saya. Saya tahu saya bisa melakukannya dengan baik SVGdan Canvas, tapi itu sepertinya …
619 image  css  grayscale 

11
Hanya menargetkan Firefox dengan CSS
Menggunakan komentar bersyarat, mudah menargetkan Internet Explorer dengan aturan CSS khusus browser: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> Terkadang mesin Gecko (Firefox) yang bertingkah buruk. Apa cara terbaik untuk menargetkan hanya Firefox dengan aturan CSS Anda dan bukan satu browser lainnya? Artinya, tidak hanya Internet Explorer yang mengabaikan …
616 css  firefox  css-hack 

8
Menghapus banyak kelas (jQuery)
Apakah ada cara yang lebih baik untuk menulis ulang ini: $('element').removeClass('class1').removeClass('class2'); Saya tidak dapat menggunakan removeClass();karena akan menghapus SEMUA kelas, yang tidak saya inginkan.
615 jquery  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.