Pemrograman css

8

Perbedaan antara @import dan link di CSS

Saya mempelajari beberapa CSS untuk mengubah template proyek saya. Saya sampai pada masalah ini dan tidak menemukan jawaban yang jelas di web. Apakah ada perbedaan antara menggunakan @import atau link di CSS? Penggunaan @import <style>@import url(Path To stylesheet.css)</style> Penggunaan Link <link rel="stylesheet" href="Path To stylesheet.css"> Apa cara terbaik untuk melakukannya? …

118 css import hyperlink

12

Pramuat Gambar CSS

Saya memiliki formulir kontak tersembunyi yang digunakan mengklik tombol. Kolomnya disetel sebagai gambar latar belakang CSS, dan selalu muncul sedikit lebih lambat dari div yang telah diubah. Saya menggunakan potongan ini di <head>bagian tersebut, tetapi tidak berhasil (setelah saya membersihkan cache): <script> $(document).ready(function() { pic = new Image(); pic2 = …

118 css image background preloader preload

3

css - posisi div ke bawah div berisi

Bagaimana saya bisa memposisikan div ke bagian bawah div yang berisi? <style> .outside { width: 200px; height: 200px; background-color: #EEE; /*to make it visible*/ } .inside { position: absolute; bottom: 2px; } </style> <div class="outside"> <div class="inside">inside</div> </div> Kode ini menempatkan teks "di dalam" ke bagian bawah halaman.

118 css position

9

Bagaimana cara menyelaraskan div saya secara horizontal?

Untuk beberapa alasan div saya tidak akan terpusat secara horizontal di div yang berisi: .row { width: 100%; margin: 0 auto; } .block { width: 100px; float: left; } <div class="row"> <div class="block">Lorem</div> <div class="block">Ipsum</div> <div class="block">Dolor</div> </div> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Dan terkadang ada div baris dengan hanya …

118 css

12

Bagaimana cara menghapus panah di dropdown di Bootstrap 4?

Saya menggunakan Bootstrap 4. Saya mencoba menghapus panah di dropdown. The jawaban saya menemukan untuk Bootstrap 3 tidak bekerja lagi. Jsfiddle ada di sini . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> …

118 css twitter-bootstrap twitter-bootstrap-4

2

Beberapa bobot font, satu kueri @ font-face

Saya harus mengimpor font Klavika dan saya telah menerimanya dalam berbagai bentuk dan ukuran: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Sekarang saya ingin tahu apakah mungkin untuk mengimpornya ke CSS hanya dengan satu @font-face-query, di mana saya mendefinisikannya weightdalam kueri. Saya ingin menghindari menyalin / menempel kueri 8 …

118 css fonts font-face

16

Bagaimana cara menggambar lingkaran di halaman html?

Bagaimana Anda menggambar lingkaran menggunakan HTML5 dan CSS3? Apakah mungkin juga untuk meletakkan teks di dalamnya?

117 html css geometry css-shapes

2

Targetkan elemen dengan banyak kelas, dalam satu aturan

Saya memiliki beberapa HTML yang akan memiliki elemen dengan banyak kelas, dan saya perlu menetapkannya dalam satu aturan, sehingga kelas yang sama dapat berbeda dalam wadah yang berbeda. Katakanlah saya memiliki ini di CSS saya: .border-blue { border: 1px solid blue; } .background { background: url(bg.gif); } Lalu saya memiliki …

117 css class target

13

Ubah skala gambar agar pas dengan kotak pembatas

Apakah ada solusi khusus css untuk menskalakan gambar ke dalam kotak pembatas (menjaga rasio aspek)? Ini berfungsi jika gambar lebih besar dari penampung: img { max-width: 100%; max-height: 100%; } Contoh: Use case 1 (bekerja): http://jsfiddle.net/Jp5AQ/2/ Use case 2 (bekerja): http://jsfiddle.net/Jp5AQ/3/ Tapi saya ingin memperbesar gambar sampai dimensinya 100% dari …

117 html css image resize autoresize

5

Flexbox dan Internet Explorer 11 (display: flex in <html>?)

Saya berencana untuk beralih dari layout "floaty" dan menggunakan CSS flexbox untuk proyek mendatang. Saya sangat senang melihat bahwa semua browser utama dalam versi mereka saat ini tampaknya mendukung (dalam satu atau lain cara) flexbox. Saya menuju ke "Dipecahkan oleh Flexbox" untuk melihat beberapa contoh. Namun contoh "Sticky Footer" tampaknya …

117 html css flexbox cross-browser

10

Atribut alt gambar latar belakang CSS

Ini yang belum pernah saya tangani sebelumnya. Saya perlu menggunakan tag alt pada semua gambar di situs termasuk yang digunakan oleh atribut gambar latar belakang CSS. Sejauh yang saya tahu, tidak ada properti CSS seperti ini, jadi apa cara terbaik untuk melakukannya?

117 html css

5

Nonaktifkan / matikan transisi CSS3 yang diwariskan

Jadi saya memiliki transisi css berikut yang dilampirkan ke elemen a: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } Apakah ada cara untuk menonaktifkan transisi yang diwariskan ini pada elemen …

117 css transitions css-transitions

20

CSS: Ubah gambar src pada img: hover

Saya perlu mengubah <img>URL sumber di hover. Saya telah mencoba ini tetapi tidak berhasil: HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle Bantuan apa pun akan dihargai. Memperbarui: Ini hanya berfungsi untuk Webkit / Google Chrome.

117 html css

5

z-index tidak berfungsi dengan posisi absolut

Saya membuka konsol (chrome \ firefox) dan menjalankan baris berikut: $("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />"); $("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>"); #PopupContent harus di atas segalanya, tetapi dipengaruhi oleh opasitas #popupFrame. Konten tersebut tidak terdapat dalam #popupFrame yang membuatnya sangat aneh. Tujuannya untuk membuat firefox seperti alert box

117 html css

7

Dapatkah saya menggabungkan: nth-child () atau: nth-of-type () dengan pemilih arbitrer?

Adakah cara untuk memilih setiap anak ke n yang cocok (atau tidak cocok) dengan pemilih arbitrer ? Misalnya, saya ingin memilih setiap baris tabel ganjil, tetapi dalam subset baris: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row">  <td>Row <tr class="row"> <td>Row <tr …

117 css css-selectors

Pertanyaan yang diberi tag «css»