css — вопросы с ответами

У меня есть элемент div, который содержит текст, и я хочу выровнять содержимое этого центра по вертикали. Вот мой стиль div: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #FFF; text-align: center; } <div id="box"> Lorem ipsum dolor sit </div&...

Я использую заполнители для ввода текста, который работает очень хорошо. Но я бы хотел использовать заполнитель для моих selectboxes. Конечно, я могу просто использовать этот код: <select> <option value="">Select your option</option> <option value="hurr">Durr</opti...

Я хочу отключить свойство resize для textarea. В настоящее время я могу изменить размер textarea, щелкнув в правом нижнем углу textarea и перетащив мышь. Как я могу отключить это?

Учитывая этот HTML и CSS: span { display:inline-block; width:100px; background-color:palevioletred; } <p> <span> Foo </span> <span> Bar </span> </p> В результате между элементами SPAN будет 4 пиксельное пространство. Демо: http://jsfiddl...

Как вы автоматически изменяете размер большого изображения, чтобы оно помещалось в контейнер div меньшей ширины при сохранении соотношения ширины и высоты? Пример: stackoverflow.com - когда изображение вставляется в панель редактора, а изображение слишком велико для размещения на странице, размер ...

Есть ли способ только CSS для стилирования выпадающего списка <select>? Мне нужно создать форму <select> насколько это возможно по-человечески, без какого-либо JavaScript. Каковы свойства, которые я могу использовать для CSS? Этот код должен быть совместим со всеми основными браузерам...

У меня есть макет с двумя столбцами - левый div и правый div. Право div имеет серый background-color, и мне это нужно, чтобы развернуть вертикально, в зависимости от высоты окна браузера пользователя. Прямо сейчас background-color заканчивается на последней части содержимого в этом div. Я пробова...

Я создал неупорядоченный список. Я чувствую, что пули в неупорядоченном списке назойливы, поэтому я хочу их удалить. Возможно ли иметь список без пуль?

Возможно ли, используя только CSS, сделать элемент background элемента полупрозрачным, но содержание (текст и изображения) элемента непрозрачным? Я хотел бы выполнить это без наличия текста и фона как двух отдельных элементов. При попытке: p { position: absolute; background-color: green; fi...

Скажем, у меня есть следующий код CSS и HTML: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Раздел заголовка имеет фиксированную высоту, но содержимое заголовка может измениться. Я хотел бы, чтобы с...

У меня есть макет, похожий на: <div> <table> </table> </div> Я хотел бы, чтобы div расширялся до ширины, чем мой table.

Это одна из второстепенных проблем CSS, которая постоянно меня поражает. Как люди вокруг Qaru вертикально выравнивают checkboxes и их labels последовательно перекрестно-браузер? Всякий раз, когда я правильно их выравниваю в Safari (обычно с использованием vertical-align: baseline на input), они п...

Несмотря на то, что такие элементы, как <div>, обычно растут, чтобы соответствовать их содержимому, использование свойства float может вызвать потрясающую проблему для новичков CSS: , если в элементах с плавающей точкой есть неоплачиваемые родительские элементы, родительский член скроется. Нап...

У меня есть простая страница с некоторыми разделами iframe (для отображения ссылок на RSS). Как я могу применить тот же формат CSS от главной страницы к странице, отображаемой в iframe?

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