Запитання з тегом «css»

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

8
Як мовчки приховати піктограму «Зображення не знайдено», коли вихідне зображення src не знайдено
Чи знаєте ви, як приховати класичну піктограму "Зображення не знайдено" із відображеної HTML-сторінки, коли файл зображення не знайдений? Будь-який робочий метод із використанням JavaScript / jQuery / CSS?
91 javascript  jquery  html  css  image 

1
CSS3 Flex: Потягніть дитину вправо
ось що у мене є Скрипка ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display: inline-block; list-style: none; } #item-1 { height: 50px; } #item-2 { …
91 html  css 

6
Перехід CSS не працює зверху, знизу, ліворуч та праворуч
У мене є елемент зі стилем position: relative; transition: all 2s ease 0s; Потім я хочу плавно змінити його положення після натискання на нього, але коли я додаю зміну стилю, перехід не відбувається, натомість елемент миттєво рухається. $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); Однак, якщо я зміню colorвластивість, наприклад, вона змінюється плавно. $$('.omre')[0].on('click',function(){ …

8
Як вертикально вирівняти 2 різні розміри тексту?
Я знаю, щоб вертикально вирівняти текст по середині блоку, ви встановили висоту рядка на однакову висоту блоку. Однак якщо у мене є речення зі словом посередині, тобто 2em. Якщо ціле речення має висоту рядка, однакову з вміщуючим блоком, тоді більший текст вертикально вирівняний, але менший текст знаходиться на тій самій …

8
HTML: Зміна кольорів певних слів у рядку тексту
У мене є повідомлення нижче (трохи змінене): "Участь у змаганнях до 30 січня 2011 р., І ти можеш виграти до $$$$ - включаючи дивовижні літні поїздки!" На даний момент я маю: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> форматування текстового рядка, але потрібно змінити колір "30 січня 2011 р." на # FF0000 …
91 html  css  text  colors  inline 

5
Чистий CSS згортання / розгортання div
У мене є чистий CSS-розбірний div, який базується на чужому коді, який використовує :targetpsuedoclass. Я намагаюся створити сторінку з 12+ запитаннями, і коли ви натискаєте кнопку +, відповідь div розширюється внизу. Я не можу зрозуміти, як створити кілька елементів, що згортаються, на цій сторінці, не написавши купу додаткових CSS. Хто-небудь …
91 css  collapsable 

7
CSS: Як вирівняти вертикально «мітку» та «введення» всередині «div»?
Розглянемо такий код : HTML: <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS: div { height: 50px; border: 1px solid blue; } Яким буде найпростіший спосіб поставити labelі inputв середині div(вертикально)?

8
Bootstrap 4, Як мені вирівняти кнопку по центру?
<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Не можу …

3
Як скомпілювати або перетворити sass / scss в css за допомогою node-sass (без Ruby)?
Я боровся з налаштуванням libsass, оскільки він був не таким прямим, як перекладач на основі Ruby. Хтось може пояснити, як: встановити libsass? використовувати його з командного рядка? використовувати його з бігунками завдань, такими як глотка та бурчання? Я маю невеликий досвід роботи з менеджерами пакунків і тим менше з програмами, …

11
Додайте вбудований стиль за допомогою Javascript
Я намагаюся додати цей код до динамічно створеного елемента div style = "width:330px;float:left;" Код, в якому створюється динаміка, divє var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; Моя ідея полягає в тому, щоб додати стиль після, < div class="well"але я не знаю, як це …


3
Макети Flex / Grid не працюють на елементах кнопок або полів
Я намагаюся відцентрувати внутрішні елементи <button>-tag за допомогою flexbox justify-content: center. Але Safari їх не центрує. Я можу застосувати той самий стиль до будь-яких інших тегів, і він працює за призначенням (див. <p>-Tag). Тільки кнопка вирівняна за лівим краєм. Спробуйте Firefox або Chrome, і ви побачите різницю. Чи є якийсь …
91 html  css  safari  flexbox  css-grid 

8
Як змінити анімацію на миші після наведення
Отже, можна мати зворотну анімацію на миші, наприклад: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } але, використовуючи анімацію @keyframes, я не міг змусити її працювати, наприклад: .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: rotate(0deg);} } …
91 css  animation 

6
Видаліть тінь введення iOS
У iOS (Safari 5) для елемента введення (верхня внутрішня тінь) я повинен дотримуватися: Я хочу видалити верхню тінь, помилка -webkit-appearanceне зберігає. Поточний стиль: 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
Як відцентрувати гнучкий контейнер, але вирівняти елементи гнучкого вирівнювання за лівим краєм
Я хочу, щоб гнучкі елементи були відцентровані, але коли у нас є другий рядок, щоб їх було 5 (з малюнка нижче) під 1, а не по центру в батьківському. Ось приклад того, що я маю: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } …
91 html  css  flexbox 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.