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

У мене є div, для якого я хочу вказати ФІКСОВАНУ ширину та висоту, а також відступ, який можна змінити, не зменшуючи вихідну ширину / висоту DIV або не збільшуючи його, чи є для цього трюк CSS або альтернатива за допомогою відступів?

93 css  html 

У мене є цей елемент div із фоновим зображенням, і я хочу припинити виділення елемента div при подвійному клацанні. Чи існує для цього властивість CSS?

93 css  xhtml  tags  highlighting  double-click 

Як вирівняти все тіло html по центру?

93 html  css 

У мене проблема з видаленням розривів рядків після <h1>тегу, оскільки кожного разу, коли він друкується, він додає розрив рядка відразу після нього, тому щось на зразок <h1>Hello World!</h1> <h2>Hello Again World!</h2>друкується так: Hello World! Hello Again World! Я не впевнений у тому, які теги мені потрібно змінити в CSS, але …

93 html  css  header  styles  stylesheet 

Мені доводиться відключати зміну кольору прив'язки тегу під час відвідування. Я зробив це: a:visited{ color: gray } (Посилання сірого кольору перед відвідуванням.) Але це спосіб, коли я чітко вказую колір після відвідування посилання, що знову є зміною кольору. Як я можу відключити зміну кольору прив'язки тегу під час відвідування без …

93 html  css  anchor 

Я хочу зробити divпалицю у верхній частині екрана без будь-якого впливу на інші елементи, а її дочірній елемент у центрі. .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент Коли я додаю position: absoluteрядок, justify-content: centerстає недійсним. Чи конфліктують вони …

93 css  react-native  flexbox 

Зверніть увагу, не панель «Стилі» (я знаю, що означає «сіре» в цьому контексті - не застосовується), а наступна панель, панель «Обчислювані властивості». Що означає, коли обчислювана властивість відображається сірим? Приклад:

93 css  google-chrome  google-chrome-devtools 

Я намагаюся вставити div у будь-яку частину тіла та зробити його position: absoluteвідносно всього документа, а не батьківського елемента, який має position: relative.

93 html  css  css-position 

Мені потрібно знайти спосіб змінити властивості CSS: hover за допомогою JavaScript. Наприклад, припустимо, у мене є такий HTML-код: <table> <tr> <td>Hover 1</td> <td>Hover 2</td> </tr> </table> І наступний код CSS: table td:hover { background:#ff0000; } Я хотів би використовувати JavaScript, щоб змінити властивості наведення курсору <td> на, скажімо, фон: # …

93 javascript  html  css  dhtml 

Чи можна змінити основний колір початкового кольору, щоб він відповідав кольору бренду? У моєму випадку я використовую паперову тему bootswatch.

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Я намагаюся створити анімацію багатоточия, і мені було цікаво, чи можливо це з анімацією CSS ... Тож це може бути як Loading... Loading.. Loading. Loading... Loading.. І в основному просто так продовжувати. Будь-які ідеї? Редагувати: так: http://playground.magicrising.de/demo/ellipsis.html

93 css  css-animations 

Я намагаюся усунути 2 файли CSS, які блокують зображення на моєму сайті - вони з’являються в Google Page Speed ​​Insights. Я дотримувався різних методів, жоден з яких не мав успіху. Але нещодавно я знайшов допис про Thinking Async і коли я застосував цей код: <script async src="https://third-party.com/resource.js"></script>він усунув проблему. Однак …

93 html  css  asynchronous 

Напр @import url("~./foobar"); Побачив тут , не впевнений, що це щось конкретне для пакету, чи це фактичний синтаксис CSS.

93 css  webpack  webpack-style-loader 

Перш за все, я маю на увазі тег CSS. Я погуглив, @applyале не зміг знайти нічого, що могло б пояснити його значення для мене належним чином. Яке використання такого тегу?

93 css 

Здається, є проблема з моєю сторінкою тут: http://www.lonewulf.eu При наведенні на мініатюри зображення трохи рухається праворуч, і це відбувається лише в Chrome. Мій css: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; display:block; …

92 css  image  google-chrome  hover  opacity