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

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

12
Чи варто використовувати одиниці значення px чи rem у своєму CSS? [зачинено]
Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закрито минулого місяця . Я розробляю новий веб-сайт і хочу, щоб він був сумісний з якомога більшою кількістю браузерів …
11
Вимкніть округлення вхідних елементів iPhone / Safari
Мій веб-сайт добре відображається в браузері iPhone / Safari, за винятком: Мої поля введення тексту мають дивний округлий стиль, який зовсім не добре виглядає з рештою мого веб-сайту. Чи є спосіб доручити Safari (за допомогою CSS або метаданих) не округляти поля введення та робити їх прямокутними за призначенням?
8
Вирівняйте елемент вниз за допомогою флекси
У мене є divкілька дітей: <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> і я хочу наступний макет: ------------------- |heading 1 | |heading 2 | |paragraph text | |can have many | |rows | | | | | | | |link-button | …
374 html  css  flexbox 
6
jQuery підрахунок елементів за класом - який найкращий спосіб реалізувати це?
Я намагаюся зробити це підрахувати всі елементи на поточній сторінці з тим самим класом, а потім я буду використовувати його для додавання до імені для форми введення. В основному я дозволяю користувачам клацати на a, <span>а потім, додаючи ще один, для більшості елементів одного типу. Але я не можу придумати …
18
img src SVG зміни стилів за допомогою CSS
html <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } Наведений вище SVG завантажується і є вродженим, fill: #fffале коли я використовую вище, cssщоб спробувати змінити його на чорний, він не змінюється, це вперше я граю зі SVG, і я не впевнений, чому це не працює.
373 css  image  svg 
21
Різниця між маржею та прокладкою?
Яка саме різниця між маржами та padding в CSS? Це, здається, не служить великій меті. Чи можете ви надати мені приклад того, де лежать відмінності (і чому важливо знати різницю)?
371 css 
13
Як розмістити два диви один біля одного?
Розглянемо наступний код : #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write code because they love it.</div> <div id="second">When …
370 css  html 
14
Я не хочу успадковувати непрозорість дитини від батьків у CSS
Я не хочу успадковувати непрозорість дитини від батьків у CSS. У мене є один дів, який є батьківським, і у мене є ще один дів всередині першого діва, який є дитиною. Я хочу встановити властивість непрозорості у батьківському ділі, але я не хочу, щоб дочірній діл успадкував властивість непрозорості. Як …
370 css 
8
CSS: не (: остання дитина): після вибору
У мене є список елементів, стилізованих так: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Виходи One | Two | Three | Four | Five |замістьOne | Two | …
16
Переповнення тексту CSS: еліпсис; не працює?
Я не знаю, чому цей простий CSS не працює ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> Виконати …
368 overflow  ellipsis  css 
2
Flexbox не дає рівній ширині елементам
Спроба флешбоку нав, який містить до 5 елементів і всього 3, але це не ділення ширини однаково між усіма елементами. Скрипка Підручник, який я моделюю після цього, є http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ SASS * { font-size: 16px; } .tabs { max-width: 1010px; width: 100%; height: 5rem; border-bottom: solid 1px grey; margin: 0 0 …
368 html  css  flexbox 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.