Запитання з тегом «css»

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

2
Чому не можна поєднати специфічні для постачальника псевдоелементи / класи в один набір правил?
У CSS можна стилізувати placeholderтекст усередині введення, використовуючи комбінацію специфічних для постачальника псевдо-класів та псевдоелементів (щоб отримати найкраще охоплення між браузерами). Всі вони мають однакові основні властивості (тобто: стиль тексту та декларації кольорів). Однак, хоча я неминуче хочу застосовувати однакові стилі незалежно від постачальника браузера, не представляється можливим об'єднати їх …
15
Примусово встановити висоту бічної панелі на 100% за допомогою CSS (із липким зображенням внизу)?
Я годинами б’юся головою об стіну, намагаючись з’ясувати це питання, і думаю, що це, мабуть, щось дрібне, чого мені не вистачає. Я шукав в Інтернеті, але нічого, що знайшов, здається, не працює. HTML: <body> <div id="header"> <div id="bannerleft"> </div> <div id="bannerright"> <div id="WebLinks"> <span>Web Links:</span> <ul> <li><a href="#"><img src="../../Content/images/MySpace_32x32.png" alt="MySpace"/></a></li> …
76 css  sidebar  sticky 
11
CSS для вибору / стилю першого слова
Цей мене задубив. Я хочу зробити перше слово з усіх абзаців у своєму #content div на 14pt замість типового для абзаців (12pt). Чи є спосіб зробити це в прямому CSS, чи я залишив обертати перше слово в проміжок для цього?
76 css 
5
Встановлення максимальної ширини тіла за допомогою Bootstrap
Я будую свій перший сайт за допомогою Twitter Bootstrap і експериментую з рідинними макетами. Я встановив мій контейнер текучим, тепер вміст всередині займає всю ширину сторінки і адаптується, коли я змінюю розмір браузера. Дизайн, над яким я працюю, був створений для максимальної ширини ~ 950px. Я перевірив variables.lessі responsive.less, і …
11
як зробити div для загортання двох плаваючих divs всередину?
Я не знаю, чи це поширена проблема, але поки що я не можу знайти рішення в Інтернеті. Я хотів би, щоб два div, обернуті всередині іншого div, однак ці два div всередині повинні бути вирівняні за однаковим рівнем (наприклад: лівий бере 20% ширини wrappedDiv, правий бере інший 80%). Для досягнення …
76 css  layout  html  css-float 
3
Клас Bootstrap 4 img-circle не працює
Я пишу веб-сайт у HTML5 та Bootstrap 4 і намагаюся перетворити квадратне зображення в коло. У Bootstrap 3 це було легко зробити .img-circle, але зараз я, здається, не можу змусити це працювати, і я не можу знайти відповіді в Інтернеті. Bootstrap кинув клас img-circle або мій код переплутаний? Це приблизно …
8
Як дізнатися, який елемент HTML викликає вертикальну смугу прокрутки
Я вивчаю Bootstrap . У меню «Початок роботи» подано декілька шаблонів. Я граю з цим. Одним з прикладів є фіксований нижній колонтитул. Я використовував навігацію з попереднього прикладу і хотів скорегувати це за допомогою фіксованого колонтитула. Але з’являється вертикальна смуга прокрутки. Я шукаю елемент, який є причиною вертикальної смуги прокрутки. …
5
CSS - Синтаксис для вибору класу з ідентифікатором
Який синтаксис селектора для вибору тегу в ідентифікаторі за допомогою імені класу? Наприклад, що мені потрібно вибрати нижче, щоб внутрішнє "лі" стало червоним? <html> <head> <style type="text/css"> #navigation li { color: green; } #navigation li .navigationLevel2 { color: red; } </style> </head> <body> <ul id="navigation"> <li>Level 1 item <ul class="navigationLevel2"> …
6
стилістика екрана, коли активна віртуальна клавіатура
В ідеалі, я хотів би, щоб весь інтерфейс мав власний стиль, який видно на ios (itouch / ipad) або еквіваленті android при наявності віртуальної клавіатури. Докладніше див. Нижче. Прийнятне встановлення правил злому CSS для активності, коли клавіатура присутня, також є прийнятним рішенням. Орієнтований як на андроїди, так і на ios, …
6
Змінити вагу шрифту піктограм FontAwesome?
Я хотів би зробити один із значків FontAwesome трохи менш важким - він набагато важчий за шрифт, який я використовую. Ось як це виглядає зараз: : Некрасиво, правда? Тому я спробував скинути значення шрифту наступним чином: .tag .icon-remove { font-weight: 100; } Здається, атрибут правильно встановлений в CSS, але це …
4
Прокладка знизу / зверху у макеті flexbox
У мене є макет flexbox, що містить два елементи. Один з них використовує padding-bottom : Показати фрагмент коду #flexBox { border: 1px solid red; width: 50%; margin: 0 auto; padding: 1em; display: flex; flex-direction: column; } #text { border: 1px solid green; padding: .5em; } #padding { margin: 1em 0; …
11
Як приховати текст прив’язки, не приховуючи прив’язку?
Скажімо, у мене є така розмітка: <li><a href="somehwere">Link text</a></li> Якщо на тезі у мене є фонове зображення, як я можу приховати текст посилання, використовуючи лише css? font-size: 0, здається, чудово працює на тезі, крім того, як показано в маленьких крапельках ie7. Дякую за допомогу дотепер я використовував line-height: 0;і font-size: …
75 css 
5
Видалення стрілки вибору елемента IE10
Отже, з Mozilla та WebKit я маю напівпристойне рішення, яке замінює стрілку на selectкоробці з використанням appearance: none;батьківського елемента. В IE здебільшого я вимкнув цю функцію. Для IE10 я фактично не можу його відключити, оскільки мої умовні коментарі насправді не працюють. Ось моя розмітка: <!--[if lt IE 7 ]> <html …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.