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

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

6
Яка різниця між шириною, внутрішньою шириною та зовнішньою шириною, висотою, внутрішньою та зовнішньою висотою в jQuery
Я написав якийсь приклад, щоб побачити, в чому різниця, але вони показують мені однакові результати по ширині та висоті. <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ var div = $('.test'); var width = div.width(); // 200 px var innerWidth = div.innerWidth(); // 200px var outerWidth = div.outerWidth(); // 200px …
124 javascript  jquery  css  dom  styles 
21
Зробіть посилання на якір, перейдіть на кілька пікселів вище, де це пов’язано
Я не впевнений, що найкращий спосіб задати / шукати це питання: Коли ви натискаєте на якірне посилання, він перенесе вас до того розділу сторінки із зоною зв’язку, яка зараз знаходиться в ДУЖЕМУ ТОПі сторінки. Я хотів би, щоб посилання на якір надсилало мене до тієї частини сторінки, але хотілося б …
124 javascript  html  css  anchor 
8
Контроль довжини штрихової межі та відстані між штрихами
Чи можна контролювати довжину та відстань між штриховими штрихами в CSS? Цей приклад нижче відображається по-різному між браузерами: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> Виконати фрагмент кодуHide resultsРозгорніть фрагмент Великі відмінності: IE 11 / Firefox / Chrome Чи існують методи, …
124 css  border  css-shapes 
10
Передача croll css не працює в діві
Я шукаю рішення CSS / Javascript для моєї проблеми прокрутки HTML-сторінки. У мене є три діви, які містять div, заголовок та обгортковий div, Мені потрібна вертикальна смуга прокрутки в оболонці Div, висота повинна бути автоматичною або 100% залежно від вмісту. Заголовок має бути виправлений, і я не хочу загальної смуги …
124 css 
2
Межі-радіус у відсотках (%) та пікселях (px) або em
Якщо я використовую значення пікселя або em для радіуса кордону, радіус краю завжди є круговою дугою або формою таблетки, навіть якщо значення перевищує найбільшу сторону елемента. Коли я використовую відсотки , радіус краю є еліптичним і починається посередині кожної сторони елемента, що призводить до овальної або еліпсисної форми : Значення …
124 css  css-shapes 
3
Чим відрізняється: перша дитина від: перша дитина?
Я не можу сказати різницю між element:first-childтаelement:first-of-type Наприклад, скажіть, у вас був дів div:first-child → Усі <div>елементи, які є першою дитиною свого батька. div:first-of-type → Усі <div>елементи, які є першим <div>елементом їхнього батьківського. Це здається точно такою ж справою, але вони працюють по-різному. Може хтось пояснить, будь ласка?
124 css  css-selectors 
5
Чим відрізняється CSS від SCSS?
Я дуже добре знаю CSS, але я збентежений щодо Сасса. Чим SCSS відрізняється від CSS, і якщо я використовую SCSS замість CSS, він буде працювати однаково?
124 css  sass 
12
Завантажувальний 4 Змінити колір гамбургера Toggler
У мене є веб-сайт для завантаження, де додається перемикач омбре, коли розмір екрана менше 992 пікселів. Код такий: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> Чи є можливість змінити колір кнопки тумблера омбре?
7
Як розташувати текст над зображенням у css
Як центрувати текст над зображенням у css? <div class="image"> <img src="sample.png"/> <div class="text"> <h2>Some text</h2> </div> </div> Я хочу зробити щось на кшталт описаного нижче, але у мене виникають труднощі, ось мій поточний css <style> .image { position: relative; } h2 { position: absolute; top: 200px; left: 0; width: 100%; …
123 html  css 
8
Який HTML5 скидання CSS ви використовуєте і чому? [зачинено]
Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закрито 5 років тому . Удосконаліть це питання Який HTML5 скидання CSS ви використовуєте і чому? Чи є ви, …
123 css  html  css-reset 
5
Чи є змінна в шляху зображення в Sass?
Я хочу мати одну змінну, яка містить кореневий шлях до всіх моїх зображень у моєму CSS-файлі. Я не можу точно зрозуміти, чи можливо це в чистому Sass (власне веб-проект не є RoR, тому не можу використовувати активу-піпеліну чи будь-який із цього фантазійного джазу). Ось мій приклад, який не працює. При …
123 css  sass 
3
Отримати найвище значення css як число, а не як рядок?
У jQuery ви можете отримати верхню позицію щодо батьківського як число, але ви не можете отримати найвище значення css як число, якщо воно було встановлено px. Скажіть, у мене є таке: #elem{ position:relative; top:10px; } <div> Bla text bla this takes op vertical space.... <div id='elem'>bla</div> </div> $('#elem').position().top; //Returns the …
123 javascript  jquery  css 
10
Як вирівняти елементи сітки внизу в макеті рідини для завантажувача
Я маю текуче розташування за допомогою завантажувального пристрою Twitter, в якому я є ряд з двома стовпцями. Перший стовпчик містить багато вмісту, який я хочу нормально заповнити. У другому стовпчику є лише кнопка і текст, який я хочу знизу вирівняти відносно комірки в першому стовпчику. Ось що я маю: -row-fluid------------------------------------- …
9
проблема з <select> і: after з CSS у WebKit
Я хотів би додати деякий стиль у вікно вибору з псевдо: after (для стилістики мого вибору з 2 частин та без зображень). Ось HTML: &lt;select name=""&gt; &lt;option value=""&gt;Test&lt;/option&gt; &lt;/select&gt; І це не працює. Я не знаю, чому я не знайшов відповіді в специфікаціях W3C. Ось CSS: select { -webkit-appearance: none; …
123 html  css  select 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.