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

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

8
Який порядок пріоритетності для CSS?
Я намагаюся з'ясувати, чому, здається, один із моїх класів css перевершує інший (а не навпаки) Тут у мене два класи css .smallbox { background-color: white; height: 75px; width: 150px; font-size:20px; box-shadow: 0 0 10px #ccc; font-family: inherit; } .smallbox-paysummary { @extend .smallbox; font-size:10px; } і на мій погляд я дзвоню …
109 html  css 



10
Процентний розмір зображення зображення CSS?
Я намагаюся змінити розмір img з відсотком від себе. Наприклад, я просто хочу скоротити зображення вдвічі, змінивши розмір його до 50%. Але застосувавши width: 50%;, розмір зображення буде дорівнювати 50% елемента контейнера (батьківський елемент, який може бути, <body>наприклад). Питання полягає в тому, чи можу я змінити розмір зображення у відсотках …
109 html  css  image 

16
Як можна налаштувати номери в упорядкованому списку?
Як я можу вирівняти номери в упорядкованому списку? 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up Змінити символ після номера в упорядкованому списку? 1) an item Також є CSS-рішення для зміни …

9
Видаліть рамку від кнопок
Я спробував створити кнопки та вставити власні зображення замість стандартних зображень кнопок. Однак сіра рамка від стандартних кнопок все ще залишається, показуючи зовні мої зображення чорної кнопки. Хтось знає, як зняти цю сіру рамку з кнопки, тож це лише саме зображення? Дякую.
109 html  css  button 

6
Дерева у Twitter Bootstrap [закрито]
Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 6 років тому . Удосконаліть це питання Я намагався працювати над створенням дерева (як дерево каталогів), яке використовує якомога більше CSS і …


6
Чи слід використовувати позначення одинарного чи подвійного двокрапки для псевдоелементів?
Оскільки IE7 та IE8 не підтримують позначення подвійної двокрапки для псевдоелементів (наприклад, ::afterабо ::first-letter), а оскільки сучасні браузери підтримують позначення однокрапки (наприклад :after) для зворотної сумісності, чи слід використовувати виключно позначення з двокрапкою та коли Частка ринку IE8 падає до незначного рівня, повертаюсь назад і знаходжу / замінюю в моїй …

7
Як працюють негативні маржі в CSS і чому це (margin-top: -5! = Margin-bottom: 5)?
Загальний трюк для елементів вертикального позиціонування - це використання наступних CSS: .item { position:absolute; top:50%; margin-top:-8px; /* half of height */ height: 16px; } Якщо ви бачите в метричному поданні, як у Chrome, це те, що ви бачите: Однак візуального поля не зображено, коли ви наводите курсор на елемент, тобто …
108 css  margin 

4
CSS3: неперевірений псевдоклас
Я знаю, що існує офіційний CSS3 :checkedпсевдоклас, але чи є :uncheckedпсевдоклас, і чи є у них однакова підтримка браузера? Посилання Sitepoint не згадує жодного, однак ця специфікація whatwg (що б там не було) робить. Я знаю , що той же результат може бути досягнутий , коли :checkedі :not()псевдо-класи об'єднуються, але …

7
Запуск: розташування випадаючого меню відносно елемента навбара
У мене є таке спадне меню <label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"> Action <b class="caret"></b></label> <ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"> dropdown content goes here </ul> Лівий верхній кут випадаючого меню знаходиться в лівому нижньому куті тексту (Дія), але я сподіваюсь, що положення правого верхнього кута спаду знаходиться в правому нижньому місці …

2
Вкажіть ширину в * символах *
Використовуючи шрифт фіксованої ширини , я хотів би вказати ширину елемента HTML у символах . Одиниця "em" повинна бути шириною символу M, тому я повинен мати можливість використовувати її для визначення ширини. Це приклад: <html> <head> <style> div { font-family: Courier; width: 10em; } </style> </head> <body> <div> 1 3 …
108 css  font-size 

6
Як застосувати перехід CSS3 до всіх властивостей, крім позиції фону?
Я хотів би застосувати перехід CSS до всіх властивостей, крім позиції фону. Я намагався зробити це так: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .csstransitions a { -webkit-transition: background-position 0s ease 0s; -moz-transition: …

12
Динамічне оновлення css у куті 2
Скажімо, у мене є компонент Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } Файл HTML-шаблону для цього компонента //home.component.html <div class="home-component">Some stuff in this div</div> І нарешті файл css для цього …
108 css  angular 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.