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

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

25
Видаліть кордон від IFrame
Як я можу видалити кордон із iframe, вбудованого у свій веб-додаток? Приклад iframe: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> Я хотів би, щоб перехід від вмісту на моїй сторінці до вмісту рамки кадрів був безшовним, припускаючи, що кольори фону є послідовними. Цільовим браузером є лише IE6 і, на жаль, рішення …

20
Чи можу я використовувати: перед або: після псевдоелемента у полі введення?
Я намагаюся використовувати :afterпсевдоелемент CSS у inputполі, але це не працює. Якщо я використовую його з a span, він працює добре. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Це працює (ставить смайлик після "бу!" І перед "ще трохи") <span class="mystyle">buuu!</span>a some more Це не працює - воно лише забарвлює певну …

15
Управління CSS Explosion
Я сильно покладався на CSS для веб-сайту, над яким я працюю. Зараз усі стилі CSS застосовуються на основі тегу, і тепер я намагаюся перенести його на більшу частину зовнішнього стилю, щоб допомогти в будь-яких майбутніх змінах. Але тепер проблема полягає в тому, що я помітив, що отримую "CSS-вибух". Мені стає …
682 css  organization 

12
Як правильно вирівняти елемент гнучкості?
Чи існує більш зручний спосіб вирівняти "Контакт", ніж використовувати position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div class="a"><a href="#">Home</a></div> <div class="b"><a …
681 html  css  flexbox 

25
Як центрувати елемент "позиція: абсолют"
У мене виникли проблеми центрування елемент , який має атрибут positionнабір для absolute. Хтось знає, чому зображення не по центру? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img …

5
Чому у CSS Flexbox чому немає властивостей «виправдовувати елементи» та «виправдовувати-само»?
Розглянемо головну вісь і поперечну вісь гнучких контейнерів: Джерело: W3C Щоб вирівняти гнучкі елементи по головній осі, є одна властивість: justify-content Для вирівнювання гнучких елементів по поперечній осі є три властивості: align-content align-items align-self На зображенні вище головна вісь горизонтальна, а поперечна вісь - вертикальна. Це типові вказівки flex-контейнера. Однак …

12
Flexbox: центр по горизонталі та вертикалі
Як центрувати поділ по горизонталі та вертикалі всередині контейнера за допомогою флексокса. У наведеному нижче прикладі я хочу, щоб кожне число розташовувалося один під одним (рядками), по центру якого горизонтально. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; } …
670 html  css  flexbox 

4
підстановка * в CSS для занять
У мене є ці диви, з якими я стилю .tocolor, але мені також потрібен унікальний ідентифікатор 1,2,3,4 тощо, тому я додаю, що це як інший клас tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 …

30
Чому б не використовувати таблиці для компонування в HTML? [зачинено]
Наразі це запитання не підходить для нашого формату запитань. Ми очікуємо, що відповіді будуть підкріплені фактами, посиланнями або експертними знаннями, але це питання, ймовірно, вимагатиме дискусій, аргументів, опитувань чи розширеної дискусії. Якщо ви вважаєте, що це питання можна вдосконалити та, можливо, знову відкрити, відвідайте довідковий центр для ознайомлення . Закрито …
665 html  css 


10
Чи можу я написати селектор CSS для вибору елементів, які НЕ мають певного класу чи атрибута?
Я хотів би написати правило CSS-селектора, яке вибирає всі елементи, які не мають певного класу. Наприклад, з урахуванням наступного HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... --> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> …
644 html  css  css-selectors 

23
Фіксоване положення, але відносно контейнера
Я намагаюся виправити divтак, щоб він завжди прилипав до верхньої частини екрана, використовуючи: position: fixed; top: 0px; right: 0px; Однак divвсередині є централізований контейнер. Коли я використовую, position:fixedвін виправляє divвідносно вікна браузера, наприклад, проти правої частини браузера. Натомість він повинен бути закріплений відносно контейнера. Я знаю, що position:absoluteможе бути використаний …

26
Перетворіть зображення в масштаб сірого в HTML / CSS
Чи є простий спосіб відобразити кольоровий растровий малюнок у відтінках сірого HTML/CSS? Це не повинно бути сумісним IE (і я думаю, це не буде) - якщо він працює у FF3 та / або Sf3, це для мене досить добре. Я знаю, що можу це зробити і з SVGі Canvas, але, …
619 image  css  grayscale 

11
Націлювання лише на Firefox за допомогою CSS
Використовуючи умовні коментарі, легко націлити на Internet Explorer за допомогою CSS-правил: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> Іноді саме двигун Gecko (Firefox) погано поводиться. Який найкращий спосіб націлити лише Firefox за допомогою ваших правил CSS, а не жоден інший браузер? Тобто, Internet Explorer повинен ігнорувати не лише правила …
616 css  firefox  css-hack 


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