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

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

15
Заміна тексту H1 на зображення логотипу: найкращий метод SEO та доступності?
Здається, що існує кілька різних методик, тому я сподівався отримати "остаточну" відповідь на це ... На веб-сайті поширена практика створення логотипу, який посилається на домашню сторінку. Я хочу зробити те саме, оптимізуючи найкраще для пошукових систем, зчитувачів екранів, IE 6+ та браузерів, які вимкнули CSS та / або зображення. Приклад …
240 css  xhtml  image  seo 
14
Чи є еквівалент розміру фону: обкладинка і містить для елементів зображення?
На цей питання є відповіді на Stack Overflow на російському : Є чи аналог фонового розміру: cover for img? У мене є сайт з багатьма сторінками та різними фоновими зображеннями, і я показую їх із CSS, як-от: body.page-8 { background: url("../img/pic.jpg") no-repeat scroll center top #000; background-size: cover; } Однак …
240 html  image  css 
7
Як зробити гліфікони більшими? (Змінити розмір?)
Я хотів би збільшити глифікон земної кулі, щоб він охоплював велику частину сторінки (це векторне зображення). Це не в кнопці чи нічого; це тільки один. Чи є спосіб це зробити? <div class = "jumbotron"> <span class="glyphicon glyphicon-globe"></span> </div>
8
Чому цей елемент вбудованого блоку штовхається вниз?
Далі йде мій код, і я хочу зрозуміти, що чому #firstDiv висувається вниз усіма браузерами. Мені дуже хочеться зрозуміти внутрішню роботу того факту, чому його відштовхування вниз, а не тягнення вгору так чи інакше. (і я знаю, як вирівняти їх верхівки :)) І я знаю, що його переповнення: приховане, що …
238 overflow  css 
12
Пропозиції щодо налагодження таблиць стилів друку?
Нещодавно я працював над таблицею стилів друку для веб-сайту, і зрозумів, що втрачаю ефективні способи його налаштування. Одне з них має мати цикл перезавантаження для роботи на екранній макеті: змінити код команда-вкладка перезавантажити але весь цей процес стає набагато складнішим при спробі друку: змінити код команда-вкладка перезавантажити друк примружитися до …
17
Повноекранний кадр з висотою 100%
Чи підтримується висота iframe = 100% у всіх браузерах? Я використовую doctype як: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Якщо я кажу: <iframe src="xyz.pdf" width="100%" height="100%" /> Я маю на увазі, чи дійсно це займе висоту залишкової сторінки (оскільки є ще один кадр зверху із фіксованою висотою 50 …
17
Як я можу масштабувати вміст iframe?
Як я можу масштабувати вміст iframe (у моєму прикладі це HTML-сторінка, а не спливаюче вікно) на сторінці мого веб-сайту? Наприклад, я хочу вивести вміст, який з’являється у кадрі, на 80% від початкового розміру.
237 html  css  dom 
8
Як встановити поле або прокладку у відсотках від висоти батьківського контейнера?
Я ламав мізки над створенням вертикального вирівнювання в css, використовуючи наступне .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Виконати фрагмент кодуHide resultsРозгорніть фрагмент Хоча це, здавалося, спрацювало в цьому випадку, …
9
Як вказати розриви рядків у багаторядковому макеті флекси?
На цей питання є відповіді на Stack Overflow на російському : елемент Flexbox - перехід на нову строку Чи є спосіб зробити розрив лінії в декількох лініях флексбоксу? Наприклад, для перерви після кожного 3-го елемента в цьому CodePen . .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; …
236 html  css  flexbox 
7
CSS: Як видалити псевдоелементи (після, перед,…)?
Я хотів би використовувати перемикач для компонування тегів абзаців на веб-сторінці. Я використовую псевдоелемент: p:after {content: url("../img/paragraph.gif");} Тепер мені потрібно видалити цей CSS-код зі сторінки. Як це можна зробити легко? Я хочу додати це: jQuery вже використовується на сторінці і я не хочу включати або видаляти файли, що містять CSS.
7
Чи справді потрібне цитування значення url ()?
Що з переліченого слід використовувати в таблицях стилів? /* Example #1: */ background-image: url(image.png); /* Example #2: */ background-image: url("image.png"); /* Example #3: */ background-image: url('image.png'); Що W3C визначає як правильний спосіб ?
235 css  w3c 
3
sass - дивитися з автоматичним minify?
Чи є спосіб запустити: sass --watch a.scss:a.css але a.cssзрештою їх мінімізували? Як я можу уникнути необхідності виконувати окремий крок мінімізації, коли складаю таблицю стилів?
235 css  sass  minify 
21
Як сховати елемент за допомогою Twitter Bootstrap і показати його за допомогою jQuery?
Скажімо, я створюю такий елемент HTML, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> Як я міг показати та приховати цей елемент HTML від jQuery / Javascript. JavaScript: $(function(){ $("#my-div").show(); }); Результат: (з будь-яким із них). Я хотів би, щоб елементи вище були прихованими. Який найпростіший …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.