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

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

12
Див .: стан наведення курсора в Інструменти для розробників Chrome
Я хочу побачити :hoverстиль для якоря, над яким я ширяю в Chrome . У Firebug є спадне меню, що дозволяє мені вибирати різні стани для елемента. Я не можу знайти щось подібне в Chrome. Я щось пропускаю?

22
Розтягніть і масштабуйте зображення CSS у фоновому режимі - лише для CSS
Я хочу, щоб моє фонове зображення розтягувалося та масштабувалося залежно від розміру вікна перегляду браузера. Я бачив кілька запитань щодо Stack Overflow, які виконують цю роботу, як, наприклад, Stretch та масштабування CSS-фону . Це добре працює, але я хочу розмістити зображення за допомогою background, а не з imgтегом. У цьому …
853 css  background 

21
Зробіть тіло на 100% висотою браузера
Я хочу, щоб корпус мав 100% висоти браузера. Чи можу це зробити за допомогою CSS? Я спробував налаштувати height: 100%, але це не працює. Я хочу встановити колір фону для сторінки, щоб заповнити все вікно веб-переглядача, але якщо на сторінці мало вмісту, я отримаю потворну білу смужку внизу.
844 html  css  height 


30
Як стилізувати прапорець за допомогою CSS
Я намагаюся стилізувати прапорець за допомогою наступного: <input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" /> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Але стиль не застосовується. У прапорці все ще відображається стиль за замовчуванням. Як мені надати вказаний стиль?
831 html  css  checkbox 

15
CSS 100% висота з підкладкою / запасом
Як за допомогою HTML / CSS я можу зробити елемент, який має ширину та / або висоту, що становить 100% від його батьківського елемента та все ще має належні набивки чи поля? Під «правильним» Я маю в виду , що якщо мій батьківський елемент 200pxвисокий і я вказую height = …
813 css 

9
ні: селектор першої дитини
У мене є divтег, що містить кілька ulтегів. Я можу встановити властивості CSS лише для першого ulтегу: div ul:first-child { background-color: #900; } Однак мої наступні спроби встановити властивості CSS для кожного ulтегу, за винятком першого, не спрацюють: div ul:not:first-child { background-color: #900; } div ul:not(:first-child) { background-color: #900; } …
811 css  css-selectors 

21
Видаліть синю облямівку із кнопки CSS, призначеної для користувача в Chrome
Я працюю над веб-сторінкою і хочу <button>теги на замовлення. Так що з допомогою CSS, я сказав: border: none. Зараз він прекрасно працює в сафарі, але в хромі, коли я натискаю одну з кнопок, вона наносить дратує синю облямівку навколо нього. Я думав, button:active { outline: none }чи button:focus { outline:none …
807 css  google-chrome 

28
Як вертикально вирівняти елементи у діві?
У мене є дів з двома зображеннями та ан h1. Усі вони повинні бути вертикально вирівняні в межах діва, поруч. Одне з зображень потрібно absoluteрозмістити в розділі. Для чого потрібен CSS для роботи у всіх звичайних браузерах? <div id="header"> <img src=".." ></img> <h1>testing...</h1> <img src="..."></img> </div>


26
Зміна кольору елемента hr
Я хочу змінити колір свого hrтегу за допомогою CSS. Код, який я спробував нижче, начебто не працює: hr { color: #123455; }
778 html  css 

30
Коли використовувати фоновий образ IMG проти CSS?
Відповіді на це запитання - це зусилля громади . Відредагуйте наявні відповіді, щоб покращити цю публікацію. Наразі не приймає нових відповідей чи взаємодій. У яких ситуаціях доцільніше використовувати IMGтег HTML для відображення зображення, на відміну від CSS background-image, і навпаки? Фактори можуть включати доступність, підтримку браузера, динамічний контент або будь-які …

30
Кращий спосіб встановити відстань між елементами flexbox
Для того, щоб встановити мінімальну відстань між елементами Flexbox я використовую margin: 0 5pxна .itemі margin: 0 -5pxна контейнері. Для мене це здається злому, але я не можу знайти кращого способу зробити це. Приклад #box { display: flex; width: 100px; margin: 0 -5px; } .item { background: gray; width: 50px; …
777 css  flexbox 


15
Чому їх замість px?
Я чув, що ви повинні визначати розміри та відстані у вашому таблицю стилів з em, а не в пікселях. Тож питання полягає в тому, чому я повинен використовувати em замість px при визначенні стилів у css? Чи є хороший приклад, який це ілюструє?

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