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

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

14
Есть ли эквивалент background-size: cover и содержимого для элементов изображения?
На этом вопросе есть ответы на Переполнение стека на русском : Есть ли аналог background-size: cover for img? У меня есть сайт с большим количеством страниц и различными фоновыми изображениями, и я отображаю их из CSS, например: body.page-8 { background: url("../img/pic.jpg") no-repeat scroll center top #000; background-size: cover; } Однако …
241 html  image  css 
15
Замена текста H1 логотипом: лучший способ для SEO и доступность?
Кажется, что есть несколько различных методов, поэтому я надеялся получить "окончательный" ответ на этот вопрос ... На веб-сайте принято создавать логотип, который ссылается на домашнюю страницу. Я хочу сделать то же самое, но лучше оптимизировать для поисковых систем, программ чтения с экрана, IE 6+ и браузеров, которые отключили CSS и …
240 css  xhtml  image  seo 
7
Как я могу увеличить глифы? (Изменить размер?)
Я хотел бы увеличить глобус-глификон, чтобы он занимал большую часть страницы (это векторное изображение). Это не кнопка или что-нибудь; это просто один Есть ли способ сделать это? <div class = "jumbotron"> <span class="glyphicon glyphicon-globe"></span> </div>
8
Почему этот элемент встроенного блока перемещается вниз?
Ниже приведен мой код, и я хочу понять, почему #firstDiv толкается вниз всеми браузерами. Я действительно хочу понять внутреннюю работу того факта, что его толкают вниз, а не тянут его вверх тем или иным способом. (а я умею выравнивать свои верхушки :)) И я знаю, что это переполнение: скрытое, которое …
238 overflow  css 
12
Предложения по отладке таблиц стилей печати?
Недавно я работал над таблицей стилей печати для веб-сайта и понял, что затрудняюсь найти эффективные способы его настройки. Одно дело иметь цикл перезагрузки для работы с экранным макетом: изменить код Команда-вкладка перезарядка но весь этот процесс становится намного труднее, когда вы пытаетесь напечатать: изменить код Команда-вкладка перезарядка Распечатать косоглазие при …
17
Полноэкранный фрейм с высотой 100%
Поддерживается ли iframe height = 100% во всех браузерах? Я использую doctype как: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> В моем коде iframe, если я скажу: <iframe src="xyz.pdf" width="100%" height="100%" /> Я имею в виду, будет ли она на самом деле принимать высоту оставшейся страницы (так как сверху …
17
Как я могу масштабировать содержание iframe?
Как я могу масштабировать содержимое iframe (в моем примере это страница HTML, а не всплывающее окно) на странице моего веб-сайта? Например, я хочу отобразить содержимое, которое отображается в iframe, в размере 80% от исходного размера.
237 html  css  dom 
8
Как установить поле или отступ в процентах от высоты родительского контейнера?
Я ломал голову над созданием вертикального выравнивания в CSS, используя следующее .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Хотя в этом случае это работало, я …
9
Как указать разрывы строк в многострочном макете flexbox?
На этот вопрос есть ответы на Stack Overflow на русском : Flexbox пункт - перенос на новую строку Есть ли способ сделать разрыв строки в многострочном flexbox? Например, разбить после каждого 3-го элемента в этом CodePen . .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; …
236 html  css  flexbox 
7
CSS: Как удалить псевдоэлементы (после, до,…)?
Я хотел бы использовать переключатель для размещения тегов абзаца на веб-странице. Я использую псевдоэлемент после: p:after {content: url("../img/paragraph.gif");} Теперь мне нужно удалить этот код CSS со страницы. Как это можно сделать легко? Я хочу добавить, что: JQuery уже используется на странице и я не хочу включать или удалять файлы, содержащие …
7
Как я могу сделать масштаб SVG с его родительским контейнером?
Я хочу иметь встроенную шкалу содержимого элемента SVG, когда размер не является родным. Конечно, я мог бы иметь его как отдельный файл и так масштабировать. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Тем не менее, я хочу добавить дополнительные стили в SVG через CSS, так что связывать …
236 css  html  svg  scaling 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.