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

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

9
Як вертикально центрувати вміст зі змінною висотою в розділі?
Який найкращий спосіб вертикально центрувати вміст діва, коли висота вмісту змінюється. У моєму конкретному випадку фіксується висота діва контейнера, але було б чудово, якби було рішення, яке працювало б у випадках, коли контейнер також має змінну висоту. Крім того, я б хотів рішення, що не має або дуже мало використовує …
15
Як отримати просто числову частину властивості CSS за допомогою jQuery?
Мені потрібно зробити числовий обчислення на основі властивостей CSS. Однак коли я використовую це для отримання інформації: $(this).css('marginBottom') він повертає значення "10px". Чи є трюк , щоб просто отримати число частину вартості незалежно від того , чи є він pxабо %чи emабо що - то?
7
Як автоматично обрізати та центрувати зображення
З огляду на будь-яке довільне зображення, я хочу обрізати квадрат із центру зображення і відобразити його в межах заданого квадрата. Це питання схоже на це: CSS Відображає розміри та обрізані зображення , але я не знаю розмір зображення, тому я не можу використовувати встановлені поля.
158 css 
8
2 стовпчаста компонування: правий стовпчик із фіксованою шириною, ліва рідина
Моя вимога проста: 2 стовпці, де правий має фіксований розмір . На жаль, я не зміг знайти робоче рішення ні в stackoverflow, ні в Google. Кожне описане там рішення не вдається, якщо я реалізую у своєму власному контексті. Поточне рішення: div.container { position: fixed; float: left; top: 100px; width: 100%; …
158 css  html 
8
CSS3 Spin Animation
Я переглянув досить багато демонстрацій і не маю уявлення, чому я не можу примусити функцію віджимання CSS3. Я використовую останню стабільну версію Chrome. Загадка: http://jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name: spin; -webkit-animation-duration: 40000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 40000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: …
5
Як я можу отримати стовпець Bootstrap, щоб охопити кілька рядків?
Я намагаюся розібратися, як зробити наступну сітку з Bootstrap. Я не впевнений, як я створив би вікно (номер 1), яке охоплює два ряди. Поле генерується програмно в тому порядку, в якому вони викладені. Графа 1 - вітальне повідомлення. Будь-які ідеї щодо найкращого шляху з цим?
12
Змініть колір гліфіконів на синій у деяких, але зовсім не за допомогою Bootstrap 2
Я використовую рамку Bootstrap для свого інтерфейсу. Я хочу змінити колір своїх гліфіконів на синій, але не у всіх місцях. У деяких місцях він повинен використовувати колір за замовчуванням. Я посилався на ці два посилання, але не знаходжу нічого корисного. Чи можу я додати колір до піктограм завантажувача лише за …
6
Як зробити так, щоб підказки Bootstrap для Twitter Bootstrap мали кілька рядків?
На даний момент я використовую функцію нижче, щоб створити текст, який буде відображатися за допомогою плагіна підказки Bootstrap. Яким чином багатолінійні підказки працюють лише з ними, <br>а не \n? Я вважаю за краще, що в атрибутах заголовка моїх посилань немає жодного HTML-коду. Що працює def tooltip(object) tooltip = "" object.each …
11
У якому порядку перекривають таблиці стилів CSS?
У заголовку HTML я отримав таке: <head> <title>Title</title> <link href="styles.css" rel="stylesheet" type="text/css"/> <link href="master.css" rel="stylesheet" type="text/css"/> styles.css- це мій аркуш, орієнтований на сторінку. master.css- це аркуш, який я використовую для кожного з моїх проектів, щоб змінити параметри браузера. Який із цих таблиць стилів має пріоритет? Приклад: перший аркуш містить конкретні …
4
Видаліть ВСІ стилі / форматування із гіперпосилань
Я створюю навігаційне меню зі словами різного кольору ( hrefпосилання). Я хотів би, щоб колір НЕ мінявся в будь-якому стані (наведіть курсор, відвідав тощо). Я знаю, як встановити кольори для різних станів, але я хотів би знати код, щоб просто залишити колір тексту (та будь-який інший стиль / форматування) таким, …
157 html  css  href 
15
Як можна масштабувати зображення в спрайті CSS
У цій статті, http://css-tricks.com/css-sprites/ , мова йде про те, як я можу вирізати менший образ із 1 більшого зображення. Скажіть, будь ласка, чи можливо це / як я можу вирізати менший розмір зображення, а потім масштабувати обрізаний регіон, перш ніж викласти його? Ось приклад із цієї статті: A { background-image: …
157 css  css-sprites 
12
Як я можу зробити пробіл між двома кнопками в одному ділі?
Який найкращий спосіб горизонтально розмістити кнопки Bootstrap? На даний момент кнопки торкаються: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> jsfiddle, що показує проблему: …
17
Bootstrap 3 та Youtube в Modal
Я намагаюся використовувати функцію Modal з Bootstrap 3, щоб показати своє відео на Youtube. Це працює, але я не можу натискати жодної кнопки у відеоролику Youtube. Будь-яка допомога з цього приводу? Ось мій код: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.