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

14

Я использую шрифт awesome в каком-то проекте, но у меня есть кое-что, что я хочу сделать со шрифтами awesome icons, я могу легко назвать значок следующим образом: <i class="fa fa-lock"></i> Возможно ли, чтобы все иконки всегда были в круглом круге с рамкой? Как то так у меня есть картинка: С …

134 css font-awesome

7

css overflow - всего 1 строка текста

У меня divследующий стиль css: width:335px; float:left; overflow:hidden; padding-left:5px; Когда я вставляю в divнее длинную строку текста, она переходит на новую строку и отображает весь текст. Я хочу, чтобы у меня была только одна строка текста без разрывов строки. Когда текст длинный, я хочу, чтобы этот переполненный текст исчез. Я …

134 html css overflow

13

Расположение элемента <div> в центре экрана

Я хочу разместить элемент <div>(или <table>) в центре экрана независимо от его размера. Другими словами, оставшееся пространство «сверху» и «снизу» должно быть одинаковым, а пространство слева «справа» и «слева» должно быть одинаковым. Я бы хотел добиться этого только с помощью CSS. Я пробовал следующее, но это не работает: <body> <div …

134 javascript css html

7

Как разместить таблицу в центре div по горизонтали и вертикали

Мы можем установить изображение в качестве фонового изображения, <div>например: <style> #test { background-image: url(./images/grad.gif); background-repeat: no-repeat; background-position: center center; width:80%; margin-left:10%; height:200px; background-color:blue; } </style> <div id="test"></div> Мне нужно установить стол в центре по <div>горизонтали и вертикали. Используется CSSли кроссбраузерное решение ?

134 css

2

Макет кладки только на CSS

Мне нужно реализовать довольно нестандартную планировку кладки. Однако по ряду причин я не хочу использовать для этого JavaScript. Параметры: Все элементы имеют одинаковую ширину Элементы имеют высоту, которую невозможно вычислить на стороне сервера (изображение плюс различное количество текста) Я могу жить с фиксированным количеством столбцов, если мне нужно есть тривиальное …

134 html css flexbox css-grid

2

: после vs. :: после

Есть ли какая-либо функциональная разница между псевдоселекторами CSS 2.1 :afterи CSS 3 ::after(кроме того, что они ::afterне поддерживаются в старых браузерах)? Есть ли практическая причина использовать новую спецификацию?

134 css css-selectors pseudo-element pseudo-class

14

HTML5 заполнитель css padding

Я уже видел этот пост и перепробовал все, что мог, чтобы изменить отступы для моего заполнителя, но, увы, похоже, он просто не хочет сотрудничать. Во всяком случае, вот код для CSS. ( РЕДАКТИРОВАТЬ : это сгенерированный CSS из Sass) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: …

133 html google-chrome webkit css

6

Могу ли я растянуть текст с помощью CSS?

Могу ли я растянуть текст в CSS? Я не хочу, чтобы шрифт был больше, потому что это делает его более жирным, чем мелкий текст рядом с ним. Я просто хочу растянуть текст по вертикали, чтобы он как бы деформировался. Это будет в одном div, а затем обычный текст рядом с …

133 css

3

CSS @ font-face - что означает «src: local ('☺')»?

Я использую @font-faceв первый раз и скачал набор шрифтов от fontsquirrel Код, который они рекомендуют вставить в мой CSS: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } Теперь, этот смайлик поставил меня в тупик. Но то же самое относится и к количеству URL …

133 css font-face

1

Почему Bootstrap устанавливает для свойства line-height значение 1.428571429?

line-height: 1.428571429; Почему для Bootstrap установленоline-height это значение? ( Некоторые темы округляют его до 1.42857143.)

133 twitter-bootstrap css

6

Удалить радиус границы из тега Select в bootstrap 3

Это кажется тривиальной проблемой, но я не могу ее понять. На собственном веб-сайте Bootstraps есть пример Select. Глядя на код, кажется, что у этого элемента select есть border-radius 4. Я надеюсь, что изменение этого border-radius на 0 затем удалит border-radius из элемента select, однако это не так - как показано …

133 css twitter-bootstrap

2

Размер шрифта в CSS с косой чертой

Что здесь означает косая черта: font: 100%/120%;

133 html css size

10

Как изменить CSS с помощью jQuery?

Я пытаюсь изменить CSS с помощью jQuery: $(init); function init() { $("h1").css("backgroundColor", "yellow"); $("#myParagraph").css({"backgroundColor":"black","color":"white"); $(".bordered").css("border", "1px solid black"); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <div class="bordered"> <h1>Header</h1> <p id="myParagraph">This is some paragraph text</p> </div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Что мне здесь не хватает?

133 javascript jquery css

15

Используйте CSS, чтобы автоматически добавлять звездочку "обязательное поле" для ввода данных

Что является хорошим способом преодолеть досадный факт, что этот код не будет работать должным образом: <div class="required"> <label>Name:</label> <input type="text"> </div> <style> .required input:after { content:"*"; } </style> В идеальном мире все требуемые inputs будут иметь маленькую звездочку, указывающую, что поле является обязательным. Это решение невозможно, поскольку CSS вставляется после …

133 css forms validation standards

9

Можно ли с помощью CSS сделать тег привязки HTML недоступным для кликов / ссылок?

Например, если у меня есть это: <a style="" href="page.html">page link</a> Есть ли что-нибудь, что я могу использовать для атрибута стиля, который сделает ссылку недоступной для кликов и не приведет меня к page.html? Или я могу просто не заключать ссылку на страницу в тег привязки? Изменить: я хочу указать, почему я …

133 html css anchor

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