программирование css

3

Я немного запутался в CSS и classатрибуте. Я всегда думал, что порядок, в котором я указываю несколько классов в значении атрибута, имеет значение. Более поздний класс может / должен перезаписать определения предыдущего, но, похоже, это не работает. Вот пример: <html> <head> <style type="text/css"> .extra { color: #00529B; border:1px solid #00529B; …

113 html css

1

Разница между легкостью перехода CSS3 и легкостью выхода

В чем разница между CSS3 переходов ease-in, ease-outи т.д.?

113 css css-transitions

8

Отключить вертикальную полосу прокрутки при переполнении div: авто

Можно ли разрешить только горизонтальную полосу прокрутки при использовании overflow: auto (или scroll)?

113 html css scroll scrollbar

12

Использование margin: auto для вертикального выравнивания div

Итак, я знаю, что мы можем центрировать div по горизонтали, если будем использовать margin:0 auto;. Должно margin:auto auto;работать так, как я думаю? И по вертикали? Почему тоже не vertical-align:middle;работает? .black { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); } .message { background:yellow; width:200px; margin:auto auto; padding:10px; } <div class="black"> <div class="message"> …

113 html css centering

12

Как установить высоту тела с помощью прокрутки переполнения

Я столкнулся с проблемой при установке прокрутки переполнения ширины высоты тела. <style> tbody{ height:50px;display:block;overflow:scroll } </style> <h3>Table B</h3> <table style="border: 1px solid red;width:300px;display:block"> <thead> <tr> <td>Name</td> <td>phone</td> </tr> </thead> <tbody style='height:50px;display:block;overflow:scroll'> <tr> <td>AAAA</td> <td>323232</td> </tr> <tr> <td>BBBBB</td> <td>323232</td> </tr> <tr> <td>CCCCC</td> <td>3435656</td> </tr> </tbody> </table> Посетите мою скрипку здесь Мне …

113 html css

6

ширина метки css не действует

У меня есть общая форма, которую я хотел бы стилизовать, чтобы выровнять метки и поля ввода. По какой-то причине, когда я задаю ширину селектору меток, ничего не происходит: HTML: <form id="report-upload-form" method="POST" action="" enctype="multipart/form-data"> <p> <label for="id_title">Title:</label> <input id="id_title" type="text" class="input-text" name="title"></p> <p> <label for="id_description">Description:</label> <textarea id="id_description" rows="10" cols="40" name="description"></textarea></p> …

112 html css label

8

Непрозрачность фона div без влияния на содержащийся элемент в IE 8?

Я хочу установить непрозрачность фона div, не затрагивая содержащийся элемент в IE 8. У меня есть какое-либо решение, и я не отвечаю на установку изображения 1 X 1 .png и устанавливаю непрозрачность этого изображения, потому что я использую динамическую непрозрачность, а администратор цвета может изменить который Я использовал это, но …

112 css internet-explorer-8 opacity

5

Селектор Immediate Child в LESS

Есть ли способ, чтобы LESS применил непосредственный дочерний селектор (>) в своем выводе? В моем style.less я хочу написать что-то вроде: .panel { ... > .control { ... } } и пусть LESS сгенерирует что-то вроде: .panel > .control { ... }

112 css css-selectors less

8

Сглаживание и сглаживание веб-шрифтов в Firefox и Opera

У меня на сайте используются сделанные на заказ веб-шрифты. Чтобы стилизовать выходные данные рендеринга, я использовал следующий код: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; Это отлично работает в Safari и Chrome (края резче, а линии тоньше). Есть ли способ реализовать тот же стиль в Firefox и Opera?

112 css fonts webfonts antialiasing

2

Что означает «i» в селекторе атрибутов CSS?

Я нашел следующий селектор CSS в таблице стилей пользовательского агента Google Chrome: [type="checkbox" i] Что iзначит?

112 css css-selectors

8

Размер шрифта в CSS -% или em?

При установке размера шрифтов в CSS следует использовать процентное значение ( %) или em? Вы можете объяснить преимущество?

112 css fonts font-size

7

Есть ли SASS.js? Что-то вроде LESS.js?

Я использовал LESS.js раньше. Легко использовать, что-то вроде <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Я видел SASS.js . Как я могу использовать это аналогичным образом? Разбор файла SASS для немедленного использования в HTML. Похоже, что SASS.js больше подходит для Node.js ? var sass = require('sass') sass.render('... string of sass …

112 css sass less

5

Как заставить элемент <svg> расширяться или сжиматься до родительского контейнера?

Цель состоит в том, чтобы <svg>элемент расширился до размера его родительского контейнера, в данном случае a <div>, независимо от того, насколько большим или маленьким может быть этот контейнер. Код: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> …

112 css html svg responsive-design

4

CSS Progress Circle [закрыто]

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 5 лет назад . Уточните этот вопрос Я искал этот веб-сайт, чтобы найти индикаторы выполнения, но те, которые мне удалось …

112 html css progress-bar progress css-shapes

5

background-size в сокращенном свойстве background (CSS3)

Я пытаюсь смешать свойства background-imageи background-sizeсвойства в сокращенной backgroundсобственности. Согласно документации W3C, он background-size должен стоять после background-positionсвойства, разделенного косой чертой ( /). Пример W3C: p { background: url("chess.png") 40% / 10em gray round fixed border-box; } эквивалентно: p { background-color: gray; background-position: 40% 50%; background-size: 10em 10em; background-repeat: round …

112 css

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