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

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

7
Як я можу зробити масштаб SVG з його батьківським контейнером?
Я хочу мати вбудовану шкалу вмісту елемента SVG, коли розмір не є власним. Звичайно, я міг би мати його як окремий файл і масштабувати його так. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Однак я хочу додати додаткові стилі до SVG через CSS, тому зв'язування зовнішнього не …
235 css  html  svg  scaling 
6
Chrome / Safari не заповнює 100% висоту гнучких батьків
Я хочу мати вертикальне меню з певною висотою. Кожна дитина повинна заповнити висоту батьків і мати текст середнього рівня. Кількість дітей випадкова, тому мені доводиться працювати з динамічними значеннями. Div .containerмістить випадкову кількість дітей ( .item), які завжди повинні заповнити зріст батьків. Щоб досягти цього, я використовував флексбокс. Для створення …
12
Як я можу змінити CSS-стилі Bootstrap?
Мені потрібно змінити, bootstrap.cssщоб відповідати моєму веб-сайту. Я вважаю, що краще створити окремий custom.cssфайл, а не змінювати його bootstrap.cssбезпосередньо. Однією з причин є те, що слід bootstrap.cssотримати оновлення, я буду намагатися повторно включити всі свої модифікації. Я принесу в жертву деякий час завантаження цих стилів, але це незначно для кількох …
9
зміни курсору на вказівник пальця
У мене це є, aі я не знаю, що мені потрібно вставити в "onmouseover", щоб курсор змінився на вказівник пальця, як звичайне посилання: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Я десь прочитав, що мені потрібно поставити: onmouseover="cursor: hand (a pointing hand)" Але це не працює для мене. Плюс я не …
234 html  css  mouseevent 
10
Як централізувати рамку горизонтально?
Розглянемо наступний приклад: ( live demo ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } Результат: Чому iframeне розташовується центрально, як div? Як я міг центрально його вирівняти?
3
CSS для встановлення формату паперу формату A4
Мені потрібно імітувати папір формату А4 в Інтернеті і дозволити друкувати цю сторінку так, як це відображається в браузері (зокрема в Chrome). Я встановлюю розмір елемента в 21 см x 29,7 см, але коли надсилаю для друку (або попереднього перегляду друку), він вирізає мою сторінку. Дивіться цей живий приклад ! …
8
Застосовуйте CSS Style до дочірніх елементів
Я хочу застосувати стилі лише до таблиці всередині DIV з певним класом: Примітка: я б краще скористався css-селектором для дітей елементів. Чому №1 працює, а №2 - ні? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40px 50px;} HTML: <html> …
232 css  css-selectors 
8
Візуалізуйте рядок у HTML та збережіть пробіли та рядки
У мене є додаток MVC3, на якому є сторінка з деталями. В рамках цього у мене є опис (отриманий з db) з пробілами та новими рядками. Після його надання нові рядки та пробіли ігноруються html. Я хотів би кодувати ці пробіли та нові рядки, щоб вони не були проігноровані. Як …
9
Розмір введення та ширина
<input name="txtId" type="text" size="20" /> або <input name="txtId" type="text" style="width: 150px;" /> Який оптимальний код крос-браузера? Звичайно, це залежить від вимог, але мені цікаво знати, як люди приймають рішення і на якій основі.
231 html  css 
29
HTML-таблиця з фіксованими заголовками?
Чи існує метод перехресного браузера CSS / JavaScript для відображення довгої таблиці HTML таким чином, щоб заголовки стовпців залишалися нерухомими на екрані і не прокручувались з тілом таблиці. Подумайте про ефект «заморожування панелей» у Microsoft Excel. Я хочу мати можливість прокручувати вміст таблиці, але завжди мати можливість бачити заголовки стовпців …
14
Як центрувати текст вертикально з великим значком шрифту?
Скажімо, у мене є кнопка завантаження з приголомшливим значком шрифту та текстом: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Як зробити так, щоб текст виглядав вертикально по центру? Текст вирівняний із нижньою кромкою піктограми зараз: http://jsfiddle.net/V7DLm/1/ EDIT: У мене є можливе рішення : http://jsfiddle.net/CLdeG/1/, але він трохи химерний - …
231 html  css  font-awesome 
15
Як створити тінь для краплі лише на одній стороні елемента?
Чи є спосіб скинути тінь лише на дно ?. У мене є меню з 2 зображеннями поруч. Я не хочу правильної тіні, оскільки вона перекриває потрібне зображення. Мені не подобається використовувати для цього зображення, тож є спосіб опустити їх лише на дно, наприклад: box-shadow-bottom: 10px #FFF; чи подібне? -moz-box-shadow: 0px …
230 css 
13
CSS два діви поруч
Я хочу поставити два <div>s один біля одного. Справа <div>- близько 200 пікселів; а ліва <div>повинна заповнити решту ширини екрана? Як я можу це зробити?
230 html  css 
9
Селектор CSS3: перший тип з назвою класу?
Чи можливо використовувати селектор CSS3 :first-of-type вибрати перший елемент із заданим іменем класу? Я не мав успіху в своєму тесті, тому я думаю, що це не так? Код ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p …
230 css  css-selectors 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.