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

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

4
CSS встановлює ширину, щоб заповнити% залишкової площі
Вибачте за трохи сміттєву назву. Я не міг подумати, як краще описати цей. Я намагаюся впровадити гаджет для членів Google Friend Connect на своєму сайті (щойно потрапив у схему і хочу ввести її без серйозного редизайну, принаймні для тестування). Моя проблема полягає в наступному: У мене є контейнер div, який …
82 css 
4
Bootstrap 3 Glyphicons CDN
ЗВЕРНУТИ УВАГУ! Піктограми Bootstrap повертаються після об’єднання цього запиту на витягування . Проводячи останні кілька тижнів, я вирішив відновити шрифт значків Glyphicons до основного репо . Враховуючи, наскільки поширені піктограми в інтерфейсах користувача, для більшості людей це погана послуга, якщо не включати їх (або якийсь інший шрифт значків) в те …
7
Як зробити так, щоб редагований DIV виглядав як текстове поле?
У мене DIVє contentEditable=trueтакий, що користувач може редагувати його. Проблема в тому, що воно не схоже на текстове поле, тому користувачеві може бути не зрозуміло, що його можна редагувати. Чи є спосіб, яким я можу DIVоформити стиль так, щоб він здавався користувачеві як поле введення тексту?
82 html  css 
7
Межі не відображаються у Firefox із розгортанням кордону на таблиці, положенням: відносним на тілі або кольором тла на комірці
Розглянемо такий HTML: <html> <head> <style> TABLE.data TD.priceCell { background-color: #EEE; text-align: center; color: #000; } div.datagrid table { border-collapse: collapse; } div.datagrid table tbody { position: relative; } </style> </head> <body> <div id="contents" class="datagrid"> <table class="data" id="tableHeader"> <thead> <tr class="fixed-row"> <th>Product</th> <th class="HeaderBlueWeekDay">Price</th> <th class="HeaderBlueWeekDay">Discount</th> </tr> </thead> <tbody> <tr …
82 css  firefox  border 
11
Як вказати інтервал між кнопками за допомогою завантажувального ремінця
Я хочу вказати інтервал між кнопками, чи є спосіб дати інтервал, використовуючи завантажувальний ремінь, щоб вони відповідали різним роздільним здатностям екрана. Я спробував використати, margin-leftале це правильний спосіб зробити це. ?? Ось демонстрація HTML: <div class="btn-toolbar text-center well"> <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left"> <span class="glyphicon glyphicon-plus" …
8
css абсолютна позиція не працюватиме з margin-left: auto margin-right: auto
Скажімо, у вас є такий css, застосований до тегу div .divtagABS { position: absolute; margin-left: auto; margin-right:auto; } поля зліва та поля зліва не набувають чинності але якщо у вас є родич, це чудово працює, тобто ,divtagREL { position: relative; margin-left: auto; margin-right:auto; } чому так? я просто хочу відцентрувати …
82 html  css  position 
8
Стиль типу введення = число
Чи можна застосувати стиль у внутрішніх стрілках "вгору" та "стрілка вниз" <input type="number">в CSS? Я хотів би змінити фон стрілки вгору на синій, а стрілки вниз на червоний. Будь-які ідеї?
82 html  css 
3
Flexbox: як змусити divs заповнити 100% ширини контейнера без загортання?
Я в процесі оновлення старої inline-blockмоделі сітки, яку я маю, до нової моделі Flexbox, яку я створив. Все працювало нормально, крім однієї маленької зачепки, яка стала дещо зламаною: У мене є купа повзунків, керованих CSS; отже, там є обгортка, що містить ширину 100%, а всередині інший div: її ширина також …
82 css  flexbox 
3
Як встановити розмір стовпця в адаптивній таблиці Bootstrap
Як встановити розмір стовпця в адаптивній таблиці Bootstrap? Я не хочу, щоб таблиця втратила свої функції, що відповідають умовам. Мені це потрібно для роботи в IE8. Я включив HTML5SHIV та Respond. Я використовую Bootstrap 3 (3.2.0) <div class="table-responsive"> <table id="productSizes" class="table"> <thead> <tr> <th>Size</th> <th>Bust</th> <th>Waist</th> <th>Hips</th> </tr> </thead> <tbody> …
6
Чому мої зображення SVG не масштабуються за допомогою властивості CSS “width”?
Я створюю веб-сайт портфоліо. HTML-код <div id = "hero"> <div id = "social"> <img src = "facebook.svg"> <img src = "linkedin.svg"> <img src = "instagram.svg"> </div> </div> CSS-код (за допомогою SASS) #hero { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 300px; #social { width: 50%; display: flex; justify-content: …
82 html  css  svg  sass 
9
Як запобігти зміні тексту в Webkit під час переходу CSS
Я використовую переходи CSS для переходу між перетвореними станами CSS (в основному переходячи за масштабом елемента). Я помічаю, що коли елемент переходить, решта тексту на сторінці (у Webkit) має тенденцію трохи змінювати його візуалізацію, поки перехід не буде зроблений. Скрипка: http://jsfiddle.net/russelluresti/UeNFK/ Я також помітив, що це не відбувається в моїх …
9
Вбудовані теги <style> проти вбудованих властивостей css
Який найкращий метод встановлення властивостей CSS? Властивості вбудованого стилю: &lt;div style="width:20px;height:20px;background-color:#ffcc00;"&gt;&lt;/div&gt; Властивості стилю в &lt;style&gt;...&lt;/style&gt;тегах: &lt;style&gt;.gold{width:20px;height:20px;background-color:#ffcc00;}&lt;/style&gt;&lt;div class="gold"&gt;&lt;/div&gt;
81 html  css 
6
Розмістіть div над вмістом сторінки
Я реалізував спливаюче вікно, яке динамічно відображає параметри пошуку. Я хочу, щоб поле "плавало" над усім вмістом сайту. Зараз, коли вікно відображається, воно витісняє весь вміст під ним і виглядає погано. Я вважаю, що я вже намагався встановити z-індекс div вікна вище, ніж інший вміст сторінки, але все одно не …
81 css  z-index 
14
змусити поле введення тексту HTML зростати, коли я набираю текст?
Я можу встановити початковий розмір введення тексту в css, наприклад: width: 50px; Але я хотів би, щоб воно росло, коли я друкую, поки воно не досягне, наприклад, 200 пікселів. Чи можна це зробити у прямому CSS, HTML, бажано без JavaScript? Звичайно, публікуйте свої рішення js / jquery, але якщо це …
81 javascript  jquery  html  css 
1
Чи може піксель CSS бути дробом?
Чи може CSS pxбути дробом? Це дозволено стандартами? І якщо так, чи підтримують його основні браузери? Давайте підкріпимо відповіді документацією, люди.
81 css  w3c 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.