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

Можно ли в CSS контролировать длину и расстояние между штрихами пунктирной границы? Этот пример ниже отображается по-разному в разных браузерах: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент Большие различия: IE 11 / Firefox / Chrome Существуют …

124 css  border  css-shapes 

С классом Bootstrap table-stripedкаждая вторая строка в моей таблице имеет цвет фона, равный #F9F9F9. Как я могу изменить этот цвет?

124 css  twitter-bootstrap  html-table 

Я хотел бы добавить стиль в поле выбора с псевдо: после (чтобы стилизовать поле выбора с двумя частями и без изображений). Вот HTML: <select name=""> <option value="">Test</option> </select> И это не работает. Я не знаю почему, и я не нашел ответа в спецификациях W3C. Вот CSS: select { -webkit-appearance: none; …

124 html  css  select 

Я ищу решение CSS / Javascript для моей проблемы с прокруткой HTML-страницы. У меня есть три div, которые содержат div, заголовок и обертку div, Мне нужна вертикальная полоса прокрутки в div-оболочке, высота должна быть автоматической или 100% в зависимости от содержимого. Заголовок должен быть исправлен, и мне не нужна общая …

124 css 

Если я использую значение в пикселях или em для border-radius, радиус края всегда представляет собой дугу окружности или форму таблетки, даже если значение больше, чем наибольшая сторона элемента. Когда я использую проценты , радиус края является эллиптическим и начинается в середине каждой стороны элемента, что приводит к овалу или эллипсу …

124 css  css-shapes 

Недавно я занимался разработкой этого веб-сайта и пытаюсь разместить в нем классные иконки шрифтов, чтобы он был масштабируемым. Дело в том, что они не появляются. Посмотрите на HTML: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> или <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> Я поместил ссылку на таблицу стилей в …

124 html  css  font-awesome 

Я не могу отличить element:first-childиelement:first-of-type Например, у вас есть div div:first-child → Все <div>элементы, которые являются первыми дочерними элементами своего родителя. div:first-of-type → Все <div>элементы, которые являются первым <div>элементом своего родителя. Это похоже на одно и то же, но они работают по-разному. Может кто-нибудь объяснить?

124 css  css-selectors 

Я не уверен, как лучше всего задать / найти этот вопрос: Когда вы нажимаете якорную ссылку, она переносит вас в тот раздел страницы, где связанная область теперь находится ОЧЕНЬ ВЕРХНЕЙ страницы. Я хочу, чтобы якорная ссылка отправляла меня в эту часть страницы, но мне нужно немного места вверху. То есть, …

124 javascript  html  css  anchor 

В этом живом примере можно найти следующий код У меня есть следующий собственный элемент реакции: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here …

124 css  reactjs  react-native  flexbox 

Я очень хорошо знаю CSS, но меня смущает Sass. Чем SCSS отличается от CSS, и если я использую SCSS вместо CSS, он будет работать так же?

124 css  sass 

Как центрировать текст над изображением в CSS? <div class="image"> <img src="sample.png"/> <div class="text"> <h2>Some text</h2> </div> </div> Я хочу сделать что-то вроде приведенного ниже, но у меня проблемы, вот мой текущий css <style> .image { position: relative; } h2 { position: absolute; top: 200px; left: 0; width: 100%; margin: 0 …

123 html  css 

Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы на него можно было ответить с помощью фактов и цитат, отредактировав этот пост . Закрыт 5 лет назад . Уточните этот вопрос Какой CSS для сброса HTML5 вы …

123 css  html  css-reset 

Я хочу иметь одну переменную, содержащую корневой путь ко всем моим изображениям в моем файле CSS. Я не могу понять, возможно ли это в чистом Sass (настоящий веб-проект - это не RoR, поэтому я не могу использовать asset_pipeline или какой-либо из этого причудливого джаза). Вот мой пример, который не работает. …

123 css  sass 

У меня такой html: <legend class="green-color"><a name="section1">Section</a></legend> legend.green-color{ color:green; } В моем случае он Sectionвыглядел зеленым, но когда я наводил на него указатель мыши, он становился похожим на href, но я хочу, чтобы он оставался таким же, без подчеркивания и изменения цвета. Можно ли достичь без изменения css или с …

123 html  css 

Вопрос для новичков в CSS. Я подумал, width:autoчто display:blockэлемент означает «заполнить доступное пространство». Однако для <input>элемента это не так. Например: <body> <form style='background-color:red'> <input type='text' style='background-color:green;display:block;width:auto'> </form> </body> Тогда два вопроса: Есть ли точное определение ширины: авто? Спецификация CSS кажется мне расплывчатой, но, возможно, я пропустил соответствующий раздел. Есть ли …

123 css