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

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

7
Використання значка Font Awesome для точок кулі, з одним елементом списку
Ми хотіли б мати можливість використовувати піктограму Awesome Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) як точку кулі для невпорядкованих списків у CMS. Текстовий редактор в CMS видає лише необроблений HTML, тому додаткові елементи / класи не можуть бути додані. Це означає відображення піктограм, коли розмітка виглядає так: <ul> <li>Item 1</li> <li>Item …
131 css  font-awesome 
14
Чи працює переповнення: прихований додаток до <body> працює на iPhone Safari?
Чи overflow:hiddenзастосовується для &lt;body&gt;роботи на iPhone Safari? Здається, ні. Я не можу створити обгортку на всьому веб-сайті, щоб досягти цього ... Ви знаєте рішення? Приклад: у мене довга сторінка, і я просто хочу приховати вміст, який знаходиться під «складкою», і він повинен працювати на iPhone / iPad.
131 iphone  css  ipad  safari  overflow 
8
Додати перерив рядка до :: after або :: перед вмістом псевдоелементів
Я не маю доступу до HTML або PHP для сторінки і можу редагувати лише через CSS. Я робив зміни на сайті і додавав текст через ::afterабо ::beforeпсевдоелементи і виявив, що Escod Unicode слід використовувати для таких речей, як пробіл до або після доданого вмісту. Як додати кілька рядків у contentвласність? …
131 css 
4
CSS Псевдокласи з вбудованими стилями
На цей питання є відповіді на Stack Overflow на російському : Як записати: навести вказівник style = ''? Чи можливо мати псевдокласи, використовуючи стилі вбудованого? Приклад: &lt;a href="http://www.google.com" style="hover:text-decoration:none;"&gt;Google&lt;/a&gt; Я знаю, що вищевказаний HTML не працюватиме, але чи є щось подібне? PS Я знаю, що я повинен використовувати зовнішній аркуш …
10
YouTube Video Embedded через iframe Ігнорування z-індексу?
Я намагаюся реалізувати горизонтальне багаторівневе меню, що випадає. Відразу під меню (вертикально) у мене вбудовано відео YouTube через iframe. Якщо я наведіть курсор на один з основних елементів навігаційного рівня у Firefox, спадне меню належним чином з’явиться у верхній частині відео. Однак у Chrome та IE9 лише невеликий простір, що …
130 css  iframe  youtube 
7
Перезазначення та скидання стилю CSS: автоматичний або жоден не працює
Я хотів би замінити наступний стиль CSS, визначений для всіх таблиць: table { font-size: 12px; width: 100%; min-width: 400px; display:inline-table; } У мене є конкретна таблиця з класом, що називається 'other'. Нарешті прикраса столу має виглядати так: table.other { font-size: 12px; } тому я повинен видалити 3 властивості: width, min-widthіdisplay …
130 css  width  overriding 
5
Чому я не можу зосередитись з запасом: 0 авто?
У мене є #headerдів, який є100% width і всередині цього div я не упорядкований список. Я застосував margin: 0 autoдо не упорядкованого списку, але він не буде централювати його в розділі заголовка. Хто-небудь, будь ласка, скажіть мені, чому? Я подумав, що якщо я визначу ширину батьківського діва, то не упорядкований …
130 html  css  margin 
5
Чи можливо вибрати останні n елементів із nth-дочіркою?
Використовуючи стандартний список, я намагаюся вибрати два останні списки. У мене різні перестановки, An+Bале останні 2, здається, не вибирають останні: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ Мені …
130 css  css-selectors 
9
Прокладка всередині входів розбиває ширину 100%
Гаразд, тому ми знаємо, що встановлення накладки на об'єкт призводить до зміни його ширини, навіть якщо воно встановлено явно. Хоча можна стверджувати логіку цього, це спричиняє деякі проблеми з деякими елементами. У більшості випадків ви просто додаєте дочірній елемент і додаєте до нього накладки замість одного, встановленого на 100%, але …
130 css  input  padding 
4
Чому відсоткова націнка / заливка в CSS завжди обчислюється в залежності від ширини?
Якщо ви подивитеся на специфікацію моделі CSS box , ви помітите наступне: Процент [margin] обчислюється відносно ширини блоку, що генерується, що містить. Зауважте, що це справедливо і для 'margin-top' і 'margin-bottom'. Якщо ширина містить блоку залежить від цього елемента, то отриманий макет не визначений у CSS 2.1. (наголос мій) Це …
130 w3c  css 
14
HTML <sup /> тег, що впливає на висоту рядка, як зробити його послідовним?
Якщо у мене є &lt;sup&gt;тег у багаторядковому &lt;p&gt;тезі, рядок із надриском на ньому має більший інтервал між ним, ніж інші рядки, незалежно від того, яку висоту рядка я поставив на &lt;p&gt;. Редагувати для уточнення : я не маю на увазі, що у мене є багато &lt;p&gt;s, кожен з яких знаходиться …
7
Використовуйте звичайне посилання, щоб подати форму
Я хочу надіслати форму. Але я не буду основним способом використання кнопки введення з уявити тип , але є на посилання. На зображенні нижче показано, чому. Я використовую посилання на зображення, щоб зберегти / подати форму. Оскільки у мене є стандартна розмітка css для посилань на зображення, я не хочу …
130 html  css  forms  hyperlink  submit 
8
Що таке ".well" еквівалентний клас у Bootstrap 4
У bootstrap-3 є .wellклас, який додає закруглену рамку навколо елемента із сірим кольором тла та деякими накладками. &lt;div class="well"&gt;Basic Well&lt;/div&gt; Але я не знайшов жодного .wellкласу в bootstrap-4. Чи є якийсь тег, еквівалентний .wellв bootstrap-4?
6
Об'єднайте рядки менше
Я думаю, що це неможливо, але я подумав, що прошу, якщо є спосіб. Ідея полягає в тому, що у мене є змінна для шляху до папки веб-ресурсів: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Я отримую це в результаті: .px { background-image: url("../img/" "test.css"); } Але …
129 css  path  web  less  concat 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.