Вопросы с тегом «css»

CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.

9
Как я могу выровнять свои div по горизонтали?
По какой-то причине мои div не будут центрироваться по горизонтали в содержащем 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;} Как вы можете затем отредактировать эту нарисованную «линию», цвет, который вы получаете на линии, легко определяется как «цвет: красный», но как изменить высоту линии, то есть толщину?
118 html  css 
5
z-index не работает с абсолютной позицией
Я открыл консоль (chrome \ firefox) и запустил следующие строки: $("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 должен быть выше всего, но на него влияет непрозрачность #popupFrame. Контент не содержится в #popupFrame, что делает это очень странным. Цель состоит в том, чтобы создать окно предупреждения, подобное firefox.
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 Image(); pic2 = new Image(); …
2
Несколько шрифтов, один запрос @ font-face
Мне нужно импортировать шрифт 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? [закрыто]
Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 3 года назад . Уточните этот вопрос Есть ли способ (кроме проб и ошибок), который я могу использовать для поиска …
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; Вот как это выглядит (чат на домашней странице http://www.talkjesus.com ) Как удалить горизонтальную полосу прокрутки и изменить CSS вертикальной полосы прокрутки?
117 html  css  iframe 
10
Заголовок панели Bootstrap 3 с неправильным расположением кнопок
Я использую Bootstrap 3 и хочу добавить несколько кнопок в заголовок панели в правом верхнем углу. Когда вы пытаетесь добавить их, они отображаются под базовой линией заголовка. Код: http://bootply.com/82631 Какие недостающие CSS я должен добавить в заголовок, заголовок панели или кнопки?
2
Целевые элементы с несколькими классами в рамках одного правила
У меня есть HTML-код, в котором будут элементы с несколькими классами, и мне нужно назначить их в рамках одного правила, чтобы одни и те же классы могли быть разными в разных контейнерах. Скажем, у меня есть это в моем CSS: .border-blue { border: 1px solid blue; } .background { background: …
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 (отображение: flex в <html>?)
Я планирую отказаться от «плавных» макетов и использовать CSS Flexbox для будущих проектов. Я был рад увидеть, что все основные браузеры в их текущих версиях, похоже, поддерживают (так или иначе) flexbox. Я перешел в раздел «Решено с помощью Flexbox», чтобы посмотреть на несколько примеров. Однако пример «липкого нижнего колонтитула», похоже, …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.