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

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

4
Як зберегти співвідношення сторін при масштабуванні зображення за допомогою одного (CSS) виміру в IE6?
Ось проблема. У мене є зображення: <img alt="alttext" src="filename.jpg"/> Зверніть увагу, що висота та ширина не вказані. На певних сторінках я хочу показувати лише мініатюру. Я не можу змінити html, тому використовую такий CSS: .blog_list div.postbody img { width:75px; } Що (у більшості браузерів) робить сторінку рівномірно широкими ескізами, усі …
10
Як створити кнопку перемикання в Bootstrap
Спочатку я створив веб-програму в HTML, CSS та JavaScript, а потім попросив створити її знову в Bootstrap. Я все це зробив чудово, але в веб-програмі у мене були кнопки перемикання, які замінили кнопки радіо (спочатку прапорець) замість кнопок перемикання, які я мав спочатку. Код кнопок: <label> Notifications <span class='toggle'> <input …
10
Застосування одного шрифту до цілого веб-сайту за допомогою CSS
Я хочу використовувати єдиний шрифт під назвою "Алжир" на всьому своєму веб-сайті. Отже, мені потрібно змінити всі теги HTML, і я не хочу писати різний код для різних тегів, таких як: button{font-family:Algerian;} div{font-family:Algerian;} Метод, написаний нижче, також вкрай не рекомендується: div,button,span,strong{font-family:Algerian;}
92 html  css  fonts  font-face 
4
Twitter bootstrap приховує елемент на невеликих пристроях
У мене є такий код: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text …
4
CSS: як отримати смуги прокрутки для div всередині контейнера фіксованої висоти
У мене є така розмітка: <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah... </div> </div> CSS виглядає так: .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } Завдяки своєму вмісту висота, div.Contentяк правило, більша, ніж передбачений div.FixedHeightContainer. На даний момент div.Contentвесело простягається з дна div.FixedHeightContainer- зовсім не те, …
3
Колонтитул внизу сторінки або вмісту, залежно від того, що нижче
У мене така структура: <body> <div id="main-wrapper"> <header> </header> <nav> </nav> <article> </article> <footer> </footer> </div> </body> Я динамічно завантажую вміст за <article>допомогою JavaScript. Через це висота <article>блоку може змінюватися. Я хочу, щоб <footer>блок знаходився внизу сторінки, коли багато вмісту, або внизу вікна браузера, коли існує лише кілька рядків вмісту. …
92 css  html  footer 
3
Чи потрібно обертати лапки навколо імен сімейств шрифтів у CSS?
Пам'ятаю, я давно чув, що вважалося "найкращою практикою" обертати лапки навколо назв шрифтів, які містять кілька слів у властивості сімейства шрифтів CSS, наприклад: font-family: "Arial Narrow", Arial, Helvetica, sans-serif; На біс цього я спробував вилучити лапки з, "Arial Narrow"і Safari та Firefox не мають жодних проблем з їх відтворенням. Отже, …
12
Прозорий текст вирізати з фону
На цей питання є відповіді на Stack Overflow на російській мові : Прозрачний текст вирезан з фони Чи є спосіб зробити прозорий текст, вирізаний із фонового ефекту, такого як на наступному зображенні, за допомогою CSS? Було б сумно втратити всі цінні SEO, оскільки зображення замінюють текст. Спочатку я подумав про …
92 css  svg  fonts  css-shapes 
7
Як я можу перевірити та налаштувати псевдоелементи у браузері: before та: after?
Я створив кілька досить складних елементів DOM із псевдоелементом: after, і я хотів би мати можливість перевіряти та налаштовувати їх у Chrome Inspector або Firebug або в еквіваленті. Незважаючи на те, що ця функція згадується в цій публікації в блозі WebKit / Safari (від 2010 року), я не можу знайти …
6
Статично обертати чудові шрифтові значки
Я хотів би статично повернути мої чудові шрифтові значки на 45 градусів. На сайті написано, що: Для довільного обертання та перегортання піктограм використовуйте класи fa-rotate- * та fa-flip- *. Однак, роблячи <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> не працює, тоді як заміна fa-rotate-45на fa-rotate-90робить. Чи означає це, що вони насправді не …
4
Як визначити браузер Microsoft Edge за допомогою CSS?
Я розробляю веб-додаток, і мені потрібно визначити браузер Microsoft Edge окремо від інших, щоб застосувати унікальний стиль. Чи є спосіб ідентифікувати Edge за допомогою CSS? Так як, <!--[if IE 11]> Special instructions for IE 11 here <![endif]-->
4
Властивість CSS Animation залишається після анімації
Я намагаюся отримати властивість анімації CSS, щоб вона залишалася після завершення, чи можливо це? Це те, чого я намагаюся досягти ... Елемент повинен бути прихований, коли користувач потрапляє на сторінку, через 3 секунди (або що завгодно) він повинен зникати, а після завершення анімації він повинен залишатися там. Ось спробу скрипки …
3
Фігура з косою стороною (чуйний)
Я намагаюся створити фігуру, як на зображенні нижче, з косим краєм лише з одного боку (наприклад, нижній бік), тоді як інші краї залишаються прямими. Я спробував використати метод border (код наведений нижче), але розміри моєї фігури динамічні, і тому я не можу використовувати цей метод. .shape { position: relative; height: …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.