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

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

7
Безопасная ширина в пикселях для печати веб-страниц?
Какова безопасная ширина в пикселях для печати веб-страницы? Моя страница содержит большие изображения, и я хочу убедиться, что они не будут обрезаны при печати. Я знаю о разных полях браузера и размерах бумаги US Letter / DIN A4. Итак, мы получили стандартный размер букв и некоторые значения DPI по умолчанию. …
85 css  printing 
6
Понимание классов сетки (col-sm- # и col-lg- #) в Bootstrap 3
Я начинаю работать с Bootstrap 3, и у меня возникли проблемы с пониманием того, как должны использоваться классы сетки. Вот что я выяснил: Похоже, что классы col-sm-#и col-lg-#отличаются от простого старого col-#тем, что они будут применяться только тогда, когда экраны превышают определенный размер (768 пикселей и 992 пикселей соответственно). Если …
9
изменение размера междоменного iframe
Как изменить размер окна iframe из другого домена -Редактировать Прокрутите вниз, чтобы узнать о некоторых решениях .. или прочтите, как этого НЕ делать: D После многих часов взлома кода был сделан вывод, что все, что находится внутри iframe, недоступно, даже полосы прокрутки, которые отображаются в моем домене. Я пробовал много …
11
Зачем использовать теги списков определений (DL, DD, DT) для HTML-форм вместо таблиц?
Недавно я наткнулся на несколько примеров, например: <dl> <dt>Full Name:</dt> <dd><input type="text" name="fullname"></dd> <dt>Email Address:</dt> <dd><input type="text" name="email"></dd> </dl> для создания HTML-форм. Почему это? В чем преимущество использования таблиц?
85 html  css  forms 
1
Зачем использовать селектор атрибутов для сопоставления классов?
Я нашел пример адаптивных шаблонов электронной почты, в которых есть такие CSS-селекторы, как следующие: a[class="btn"] Почему используется этот синтаксис, если он полностью совпадает с: a.btn Влияет ли это на мобильные браузеры или что-то еще?
4
Что означает свойство со звездочкой в ​​CSS?
Сегодня я просматривал файл css и нашел следующий набор правил: div.with-some-class { display:block; margin:0; padding:2px 0 0 0; *padding:1px 0 0 0; font-size:11px; font-weight:normal; *line-height:13px; color:#3D9AD0; } Что означает звездочка в * отступах и * высоте строки? Спасибо.
85 css 
8
CSS - выравнивание div по горизонтали
У меня есть контейнер div с фиксированным widthи height, с overflow: hidden. Мне нужен горизонтальный ряд блоков float: left в этом контейнере. Div, которые перемещаются влево, естественным образом нажимают на «строку» ниже после того, как прочитают правую границу своего родителя. Это произойдет, даже если heightродительский элемент не должен этого допускать. …
85 html  css  alignment 
3
Разрыв строки (например, <br>) с использованием только css
Возможно ли в чистом css, то есть без добавления дополнительных тегов html, сделать разрыв строки как &lt;br&gt;? Мне нужен разрыв строки после &lt;h4&gt;элемента, но не до него: HTML &lt;li&gt; Text, text, text, text, text. &lt;h4&gt;Sub header&lt;/h4&gt; Text, text, text, text, text. &lt;/li&gt; CSS h4 { display: inline; } Я нашел …
85 html  css  styling 
7
Как выровнять два элемента в одной строке без изменения HTML
У меня есть два элемента в одной строке, плавающие влево и вправо. &lt;style type="text/css"&gt; #element1 {float:left;} #element2 {float:right;} &lt;/style&gt; &lt;div id="element1"&gt; element 1 markup &lt;/div&gt; &lt;div id="element2"&gt; element 2 markup &lt;/div&gt; Мне нужно, чтобы element2 выстроился рядом с element1 с отступом примерно 10 пикселей между ними. Проблема в том, что …
85 html  css  css-float  margin 
6
z-index отменяется установкой преобразования (поворота)
Используя свойство transform, z-index отменяется и появляется спереди. (При комментировании out -webkit-transform, z-index правильно работает в приведенном ниже коде) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; position: absolute; top: 0; right: 2px; …
85 css  z-index  transform 
6
Как установить максимальную ширину изображения в CSS
На своем веб-сайте я хотел бы отображать загруженные пользователем изображения в новом окне с определенным размером ( width: 600px). Проблема в том, что изображения могут быть большими. Поэтому, если они больше этих 600px, я хотел бы изменить их размер, сохранив соотношение сторон. Я попробовал max-widthсвойство CSS, но оно не работает: …
6
CSS: как установить размер изображения относительно высоты родительского элемента?
Я пытаюсь выяснить, как изменить размер изображения, чтобы оно сохраняло соотношение ширины к высоте, но меняло размер до тех пор, пока высота изображения не совпадет с высотой содержащего div. У меня есть довольно большие и длинные изображения (скриншоты), и я хочу поместить их в div шириной 200 пикселей и высотой …
85 html  image  css 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.