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

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

9
Як я можу горизонтально вирівняти свої діви?
Чомусь мої диви не будуть розташовуватися горизонтально по центру, що містить div: .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> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент І іноді є рядок div з лише одним діловим …
118 css 
4
CSS: як додати пробіл перед вмістом елемента?
Жоден із наведених нижче кодів не працює: p:before { content: " "; } p:before { content: " "; } Як додати пробіл перед вмістом елемента? Примітка. Мені потрібно розфарбувати лівий кордон та край ліворуч для семантичного використання та використовувати простір як безбарвне поле. :)
10
Редагуйте товщину рядка атрибута CSS "підкреслення"
Оскільки ви можете підкреслити будь-який текст у CSS так: H4 {text-decoration: underline;} Як ви можете потім редагувати намальовану "лінію", колір, який ви отримуєте на лінії, легко вказати як "color: red", але як можна редагувати висоту лінії, тобто товщину?
118 html  css 
5
Чому <textarea> і <textfield> не приймають сімейство шрифтів та розмір шрифту від тіла?
Чому Textareaі textfieldне приймати font-familyі font-sizeвід тіла? Дивіться живий приклад тут http://jsbin.com/ucano4 Код &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;texearea font&lt;/title&gt; &lt;style type="text/css"&gt; body { font-family: Verdana, Geneva, sans-serif; font-size:16px } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;form action="" method="get"&gt; &lt;textarea name="" cols="20" …
118 css  xhtml 
8
Різниця між @import та посиланням у CSS
Я вивчаю деякі CSS, щоб налаштувати шаблон свого проекту. Я прийшов до цієї проблеми і не знайшов чіткої відповіді в Інтернеті. Чи є різниця між використанням @import або посиланням у CSS? Використання @import &lt;style&gt;@import url(Path To stylesheet.css)&lt;/style&gt; Використання посилання &lt;link rel="stylesheet" href="Path To stylesheet.css"&gt; Який найкращий спосіб це зробити? і …
118 css  import  hyperlink 
12
Попередня завантаження CSS-зображень
У мене є прихована контактна форма, яка розгорнута, натиснувши кнопку. Його поля задаються у вигляді фонових зображень CSS, і вони завжди з’являються трохи пізніше, ніж div, який було перемкнено. Я використовував цей фрагмент у &lt;head&gt;розділі, але не пощастило (після того, як я очистив кеш): &lt;script&gt; $(document).ready(function() { pic = new …
12
Як видалити стрілку в спадному меню в Bootstrap 4?
Я використовую Bootstrap 4. Я намагався видалити стрілку в спадному меню. Ці відповіді , які я знайшов для Bootstrap 3 не працюють. Jsfiddle знаходиться тут . &lt;div class="dropdown open"&gt; &lt;button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt; Dropdown &lt;/button&gt; &lt;div class="dropdown-menu" aria-labelledby="dropdownMenu1"&gt; &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt; &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt; …
2
Кілька вагових шрифтів, один @ шрифт-обличчя
Мені потрібно імпортувати шрифт Klavika, і я отримав його в декількох формах і розмірах: 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 Тепер я хотів би знати, чи можна імпортувати їх у CSS лише одним @font-faceзапитом, де я визначаю weightзапит. Я хочу уникати копіювання / вставлення запиту 8 разів. Тож …
118 css  fonts  font-face 
13
Як я можу знайти невикористані зображення та стилі CSS на веб-сайті? [зачинено]
Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 2 роки тому . Удосконаліть це питання Чи є метод (крім проб і помилок), який я можу використовувати, щоб знайти невикористані файли …
117 html  css 
12
Видаліть смугу прокрутки з iframe
Використовуючи цей код &lt;iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&amp;boxtag=7868&amp;sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"&gt;&lt;/iframe&gt; Так виглядає (shoutbox на домашній сторінці http://www.talkjesus.com ) Як видалити горизонтальну смугу прокрутки та змінити css вертикальної смуги прокрутки?
117 html  css  iframe 
10
Заголовок панелі завантаження 3 з неправильним положенням кнопок
Я використовую Bootstrap 3, і я хотів би додати кілька кнопок у заголовку панелі, у верхньому правому куті. При спробі їх додати вони відображаються нижче базової лінії заголовка. Код: http://bootply.com/82631 Які відсутні CSS, які я повинен додати або до заголовка, заголовка панелі чи кнопок?
2
Цільові елементи з декількома класами в межах одного правила
У мене є якийсь HTML, який би містив елементи з кількома класами, і мені потрібно призначити їх у межах одного правила, щоб ті самі класи могли бути різними в різних контейнерах. Скажіть, у мене це є у моєму CSS: .border-blue { border: 1px solid blue; } .background { background: url(bg.gif); …
117 css  class  target 
13
Масштабне зображення для розміщення рамки
Чи є рішення, доступне лише для css, для масштабування зображення у обмежувальному полі (зберігаючи співвідношення сторін)? Це працює, якщо зображення більше, ніж контейнер: img { max-width: 100%; max-height: 100%; } Приклад: Використовуйте випадок 1 (працює): http://jsfiddle.net/Jp5AQ/2/ Використовуйте випадок 2 (працює): http://jsfiddle.net/Jp5AQ/3/ Але я хочу масштабувати зображення, поки розмір не буде …
117 html  css  image  resize  autoresize 
5
Flexbox та Internet Explorer 11 (дисплей: ввімкнути <html>?)
Я планую відійти від "плавучих" макетів та використовувати CSS flexbox для майбутніх проектів. Мені було приємно бачити, що всі основні браузери в їхніх нинішніх версіях, здається, підтримують (так чи інакше) флексбокс. Я попрямував до "Вирішений Flexbox", щоб переглянути деякі приклади. Однак приклад "Sticky Footer", схоже, не працює в Internet Explorer …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.