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

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

8
Как изменить прозрачность текста в HTML / CSS?
Я очень новичок в HTML / CSS, и я пытаюсь отобразить какой-то текст как 50% прозрачный. Пока у меня есть HTML для отображения текста с полной непрозрачностью <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> Однако я не знаю, как изменить его непрозрачность. Я пробовал поискать в Интернете, но не совсем …
112 html  css  opacity 
3
Как интегрировать предварительную обработку CSS в Eclipse? [закрыто]
Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 5 лет назад . Уточните этот вопрос Я хотел бы редактировать файлы SCSS в Eclipse, желательно с подсветкой синтаксиса для …
10
Как использовать иконки font-awesome из узловых модулей
Я установил иконки font-awesome 4.0.3, используя npm install. Если мне нужно использовать его из узловых модулей, как мне использовать его в файле html? Если мне нужно отредактировать файл less, нужно ли мне редактировать его в модулях узлов?
111 css  node.js  less  npm  font-awesome 
10
Градиенты в Internet Explorer 9
Кто-нибудь знает префикс поставщика для градиентов в IE9, или мы все еще должны использовать их собственные фильтры? Что у меня есть для других браузеров: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; …
1
В чем разница между скрытым атрибутом (HTML5) и правилом display: none (CSS)?
HTML5 имеет новый глобальный атрибут, hiddenкоторый можно использовать для скрытия содержимого. <article hidden> <h2>Article #1</h2> <p>Lorem ipsum ...</p> </article> В CSS есть display:noneправило, которое также можно использовать для скрытия содержимого. article { display:none; } Визуально они идентичны. В чем разница семантически? Вычислительно? Какие рекомендации мне следует учитывать при использовании того …
111 css  html  visibility 
29
Bootstrap modal: фон перескакивает вверх при переключении
У меня проблема, с модальным окном. У меня есть кнопка на странице, которая переключает модальное окно. Когда появляется модальное окно, страница переходит наверх. Я сделал все, что мог, чтобы найти решение и т. Д., Но я действительно потерялся. РЕДАКТИРОВАТЬ: Я также пробовал с: $('#myModal').modal('show');но имеет тот же эффект.
8
Каков порядок приоритета CSS?
Я пытаюсь понять, почему один из моих классов css, кажется, переопределяет другой (а не наоборот) Здесь у меня есть два класса css .smallbox { background-color: white; height: 75px; width: 150px; font-size:20px; box-shadow: 0 0 10px #ccc; font-family: inherit; } .smallbox-paysummary { @extend .smallbox; font-size:10px; } и на мой взгляд я …
111 html  css 
4
Указание стиля и толщины шрифтов Google
Я использую шрифты Google на нескольких своих страницах и упираюсь в стену, пытаясь использовать различные варианты шрифта. Пример: http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans Я импортирую три лица: Normal, Bold, ExtraBold с помощью тега ссылки. Нормальное лицо отображается правильно, но я не могу понять, как использовать варианты шрифта в моем CSS. Я пробовал все следующие …
111 css  fonts 
5
Позиция прицеливания: липкие элементы, которые в данный момент находятся в «застрявшем» состоянии.
position: sticky теперь работает в некоторых мобильных браузерах, поэтому вы можете прокрутить строку меню вместе со страницей, но затем придерживаться верхней части области просмотра, когда пользователь прокручивает ее. Но что, если вы хотите немного изменить стиль липкой строки меню, когда она в данный момент «застревает»? например, вы можете захотеть, чтобы …
9
Как использовать новый плагин affix в bootstrap 2.1.0 twitter?
Документация по начальной загрузке по этой теме меня немного смущает. Я хочу добиться аналогичного поведения, как в документах, с помощью аффиксовой панели навигации: панель навигации находится под заголовком абзаца / страницы, и при прокрутке вниз она должна сначала прокручиваться, пока не достигнет верхней части страницы, а затем закрепить там для …
5
наложить непрозрачный div поверх iframe на YouTube
Как я могу наложить div с полупрозрачной непрозрачностью на встроенное видео youtube iframe? <iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ" frameborder="0"></iframe> <div id="overlay"></div> CSS #overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; /*background:rgba(255,255,255,0.8); or just this*/ z-index:50; color:#fff; } edit (добавлено дополнительное разъяснение): HTML5 приближается к нам, все больше и …
110 html  css  iframe  youtube  overlay 
6
Как использовать CSS в Django?
Я создаю свое приложение с помощью Django, и мне интересно, как я могу заставить Django использовать мой файл CSS? Какие настройки мне нужно сделать, чтобы Django увидел файл css? NB: на локальном компьютере
110 css  django  django-forms 
16
Удаление пробелов между элементами HTML при использовании разрывов строк
У меня есть страница с строкой около 10 imgс. Для удобства чтения HTML я хочу поместить разрыв строки между каждым imgтегом, но при этом между изображениями рендерится пробелы, что мне не нужно. Могу ли я что-нибудь сделать, кроме разрыва между тегами, а не между ними? Изменить: вот скриншот того, что …
110 html  css  image 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.