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

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

5
Значення чисел у "col-md-4", "col-xs-1", "col-lg-2" у Bootstrap
Мене плутають із сітковою системою у новому Bootstrap, особливо з такими класами: col-lg-* col-md-* col-xs-* (де * представляє деяке число). Чи можете будь-хто пояснити наступне: Як це число вирівнює сітки? Як користуватися цими номерами? Що вони насправді представляють?
16
Центруйте положення: фіксований елемент
Я хотів би зробити position: fixed;спливаюче вікно, зосереджене на екрані, з динамічною шириною та висотою. Я margin: 5% auto;для цього використовував . Без position: fixed;нього центрировать тонко горизонтально, але не вертикально. Після додавання position: fixed;він навіть не центрується горизонтально. Ось повний набір: .jqbox_innerhtml { position: fixed; width: 500px; height: 200px; …
19
Чому CSS працює з підробленими елементами?
У своєму класі я розігрувався і дізнався, що CSS працює зі складеними елементами. Приклад: imsocool { color:blue; } <imsocool>HELLO</imsocool> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Коли мій професор вперше побачив, як я це використовую, він трохи здивувався, що складені елементи спрацювали, і рекомендував мені просто змінити всі складені елементи на абзаци …
438 html  css 
17
Як змінити колір SVG-зображення за допомогою CSS (заміна зображення jQuery SVG)?
На цей питання є відповіді на Stack Overflow на російському Це власне запитання з корисного фрагмента коду, який я придумав. Наразі непростий спосіб вставити SVG-зображення, а потім отримати доступ до елементів SVG за допомогою CSS. Існують різні методи використання фреймворків JS SVG, але вони надмірно складні, якщо все, що ви …
437 jquery  css  svg 
10
Завантажте NavBar з лівими, центральними або правими елементами
У Bootstrap , який є найбільш зручним для платформи способом створення панелі навігації, у якій ліворуч логотип A, пункти меню в центрі та логотип B праворуч? Ось що я спробував поки що, і закінчується вирівнювання так, що логотип A знаходиться зліва, пункти меню поруч із логотипом зліва та логотипом B …
5
CSS приховає смугу прокрутки, якщо вона не потрібна
Я намагаюся розібратися, як я можу приховати це, overflow-y:scroll;якщо не потрібно. Я маю на увазі те, що я будую веб-сайт і маю основну область, в якій публікуватимуться публікації, і я хочу приховати смугу прокрутки, якщо вміст не перевищує поточну ширину. Також моє друге запитання. Я хочу зробити так, коли пости …
435 html  css 
20
Клацніть кнопку копіювати в буфер обміну за допомогою jQuery
Як скопіювати текст у div в буфер обміну? У мене є div і мені потрібно додати посилання, яке додасть текст до буфера обміну. Чи є для цього рішення? <p class="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text …
433 jquery  html  css 
12
Фон градієнта CSS3, встановлений на корпусі, не розтягується, а натомість повторюється?
гаразд, скажімо, вміст всередині <body>становить 300 пікс. Якщо я встановив фон мого <body>використання -webkit-gradientабо-moz-linear-gradient Тоді я максимізую своє вікно (або просто зроблю його вище 300 пікс.), Градієнт буде рівно 300 пікселів у висоту (висота вмісту) і просто повторюю, щоб заповнити решту вікна. Я припускаю, що це не помилка, оскільки вона …
429 css  gradient 
15
Як я можу зробити TextArea на 100% шириною без переповнення, коли в CSS присутній прокладка?
У мене відображаються такі фрагменти CSS та HTML. textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea cols="2" rows="10" id="rules"/> </div> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Проблема полягає в тому, що область тексту в кінцевому підсумку стає на 8 пікселів …
426 html  css  stylesheet 
8
Як вертикально вирівняти текст всередині флекси?
Я хотів би використовувати flexbox для вертикального вирівнювання деякого вмісту всередині, <li>але не маючи великого успіху. Я перевірив в Інтернеті, і багато навчальних посібників насправді використовують обгортковий дів, який отримує align-items:centerз налаштувань flex на батьків, але мені цікаво, чи можна вирізати цей додатковий елемент? Я вирішив використовувати flexbox в цьому …
424 html  css  flexbox 
16
Чуйне зображення вирівнювання центрального завантажувача 3
Я роблю каталог за допомогою Bootstrap 3. Коли відображаються на планшетах, зображення виробів виглядають некрасиво через їх невеликий розмір (500x500) та ширину 767 пікселів у браузері. Я хочу поставити зображення в центр екрану, але я чомусь не можу. Хто буде допомагати вирішити проблему?
13
HTML-таблиця зі 100% шириною, з вертикальною прокруткою всередині тіло
Як я можу встановити на <table>100% ширину і розмістити лише всередині <tbody>вертикальної прокрутки деяку висоту? table { width: 100%; display:block; } thead { display: inline-block; width: 100%; height: 20px; } tbody { height: 200px; display: inline-block; width: 100%; overflow: auto; } <table> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> …
14
Чому @ font-face кидає помилку 404 на файли woff?
Я використовую @font-faceна сайті своєї компанії, і це працює / виглядає чудово. За винятком того, що Firefox та Chrome нанесуть на .woffфайл помилку 404 . IE не видає помилку. У мене є шрифти, розташовані в корені, але я спробував із шрифтами в папці css і навіть дав увесь URL для …
8
z-індекс не працює з фіксованим позиціонуванням
У мене є divпозиціонування за замовчуванням (тобто position:static) і а divз fixedпозицією. Якщо я встановив z-індекси елементів, здається, неможливо змусити нерухомий елемент відставати від статичного елемента. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; border: 1px solid; height: 10%; background: #fff; …
422 css  z-index 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.