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

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

7
контур лише на одному кордоні
Як застосувати вставну межу до елемента HTML, але лише з одного боку. До цього часу я використовував для цього зображення (GIF / PNG), яке потім використовував би як фон і розтягував його (repeat-x) і розташував трохи від верхньої частини мого блоку. В останнім часом я виявив начерки CSS властивість, яке …
86 html  css 

17
Закруглені кути таблиці лише CSS
Я шукав і шукав, але не зміг знайти рішення для моєї вимоги. У мене проста звичайна HTML-таблиця. Я хочу для нього круглі кути, без використання зображень або JS, тобто лише чистого CSS . Подобається це: Закруглені кути для кутових комірок та 1pxтовста облямівка для комірок. Поки що я маю таке: …

8
Чи можу я встановити непрозорість лише для фонового зображення div?
Скажімо, маю <div class="myDiv">Hi there</div> Я хочу поставити a background-imageі надати йому значення opacityof 0.5- але я хочу, щоб написаний мною текст мав повну прозорість ( 1). Якби я писав CSS так .myDiv { opacity:0.5 } все буде з низькою непрозорістю - і я цього не хочу. Тож моє запитання …

5
Sass / Compass - перетворіть шістнадцятковий, RGB або названий колір у RGBA
Це може бути Compass 101, але хто-небудь писав комбінацію, яка встановлює альфа-значення кольору? В ідеалі я хотів би, щоб міксин прийняв будь-яку форму визначення кольору та застосував прозорість: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( …
86 css  sass  compass-sass  rgba 

5
Правильна структура активів SCSS у рейках
Отже, у мене є app/assets/stylesheets/структура каталогів, яка виглядає приблизно так: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements У кожному каталозі є декілька частин sass (зазвичай * .css.scss, але один або два * .css.scss.erb). Можливо, я припускаю багато, але rails ПОВИНЕН автоматично зкомпілювати всі файли в цих каталогах через …


4
Обертати та перекладати
У мене виникають проблеми з обертанням і розташуванням рядка тексту. Зараз працює лише позиція. Поворот також працює, але лише якщо я вимкнув позиціонування. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } Html - це просто текст.

9
Видалення небажаних меж комірок таблиці за допомогою CSS
У мене є своєрідна і неприємна проблема. Для простої розмітки: <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr> <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> </tbody> </table> Я застосовую різні значення кольору фону до непарних елементів thead , tr та tr . Проблема полягає в тому, що в більшості браузерів кожна клітинка має небажану межу, яка не …
86 html  css  html-table 

9
'властивість: 0' або 'властивість: 0px' у CSS?
Я бачив, як ці позначення часто використовуються, і мені було цікаво, чи є якась помітна різниця між цими двома позначеннями? element#id { property: 0; } і element#id { property: 0px; } Я використовую property: 0px;весь час, оскільки мені здається, що це виглядає чистіше, але я не впевнений, чи браузер інтерпретує …
86 css  properties  zero 

6
Розширення селекторів із медіа-запитів за допомогою Sass
У мене є клас предметів та компактний клас "модифікатора": .item { ... } .item.compact { /* styles to make .item smaller */ } Це добре. Однак я хотів би додати @mediaзапит, який змушує .itemклас бути компактним, коли екран досить малий. На перший погляд, це те, що я намагався зробити: .item …


21
Розкривне меню кнопки завантаження всередині адаптивної таблиці не видно через прокрутку
У мене проблема з випадаючими кнопками всередині таблиць, коли вони реагують і активно прокручують, оскільки розкривне меню не видно через overflow: auto;властивість. Як я можу це виправити, щоб показати випадаючу опцію кнопки, коли вона згорнута? Я можу використовувати деякі jQuery, але після того, як у мене виникли проблеми з прокруткою …

16
Примусити браузер оновлювати css, javascript тощо
Я розробляю веб-сайт на основі вихідного коду Wordpress через XAMPP. Іноді я міняю код CSS, сценарії чи щось інше, і я помічаю, що моєму браузеру потрібен час, щоб застосувати зміни. Це змушує мене використовувати декілька браузерів для оновлення одного, і якщо не застосовується нові стилі, я спробую другий, і це …

3
CSS: вибраний псевдо-клас, подібний до: перевірено, але для елементів <select>
Чи є спосіб стилізувати вибраний на даний момент &lt;option&gt;елемент в &lt;select&gt;елементі? Тоді я міг би надати колір тла поточно вибраному елементу опції? Таким чином я можу стилізувати варіант, який зараз можна переглянути у закритому випадаючому списку.

7
Чи можу я використовувати webpack для генерації CSS та JS окремо?
У мене є: JS-файли, які я хочу об’єднати. МЕНШЕ файлів, які я хочу скомпілювати до CSS (вирішення @imports в єдиний пакет). Я сподівався вказати їх як два окремі входи та мати два окремі виходи (ймовірно, за допомогою витяжки text-webpack-plugin). У Webpack є всі належні плагіни / завантажувачі для компіляції, але, …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.