Програмування css

9

Отже, я розумію, як виконувати як переходи CSS3, так і анімації. Що не зрозуміло, і я гуглив, це коли використовувати. Наприклад, якщо я хочу зробити кульовий відмов, зрозуміло, що анімація - це шлях. Я можу надати ключові кадри, і браузер зробить проміжні кадри, і у мене буде хороша анімація. Однак …

157 css css-transitions css-animations

16

css: як намалювати коло з текстом посередині?

Я знайшов цей приклад у stackoverflow: Намалюйте коло за допомогою css поодинці Що чудово. Але я хотів би знати, як змінити цей приклад, щоб я міг включити текст у середині кола? Я також виявив це: текст вертикального та горизонтального центрування по колу в CSS (наприклад, значок повідомлення iPhone) але чомусь …

156 css css-shapes

2

Чи існує спосіб використання двох тіней CSS3 для одного елемента?

Я намагаюся повторити стиль кнопки у макеті Photoshop, на якому є дві тіні. Перша тінь - це внутрішня світла тінь коробки (2 пікселя), а друга - тінь для краплі поза самою кнопкою (5 пікселів). У Photoshop це легко - Inner Shadow і Drop Shadow. У CSS я, мабуть, можу мати …

156 css

6

Спеціальний стиль списку li із чудовим значком шрифту

Мені цікаво, чи можна використовувати приголомшливі шрифти (чи будь-який інший знаковий шрифт) для створення користувальницького <li>списку-стилю типу? Зараз я використовую jQuery для цього, тобто: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Однак це не належним чином, коли <li>текст перегортається по всій сторінці, оскільки він вважає піктограмою частиною тексту, а не фактичним індикатором кулі. Якісь поради?

156 css html-lists font-awesome

5

Чому flexbox розтягує мій образ, а не зберігає співвідношення сторін?

Flexbox має таку поведінку, коли він розтягує зображення до їх природного зросту. Іншими словами, якщо у мене є контейнер flexbox із дочірнім зображенням, і я змінюю його ширину, то висота зовсім не змінюється, і зображення розтягується. div { display: flex; flex-wrap: wrap; } img{ width: 50% } <div> <img src="https://loremflickr.com/400/300" …

156 html css flexbox

9

Позиція відносна проти абсолютної?

Яка різниця між position: relativeі position: absoluteв CSS? І коли слід використовувати який?

155 css

12

css альтернатива властивості покажчика-події для IE

У мене є спадне меню навігації, в якому частина заголовка не повинна переходити до іншої сторінки при натисканні (ці заголовки відкривають випадаюче меню при натисканні на нього), а інші повинні переходити (у них немає спадного меню та безпосередньо переходити). Однак, обидва типи їх hrefвизначили Для вирішення цього питання я додав …

155 html css internet-explorer browser cross-browser

16

Виправлені позиції не працюють при використанні -webkit-перетворення

Я використовую -webkit-перетворення (і -moz-перетворення / -o-перетворення) для обертання діва. Також додано фіксовану позицію, щоб діва прокручується вниз з користувачем. У Firefox він працює чудово, але у веб-браузерах, які працюють на веб-сайтах, він порушений. Після використання -webkit-трансформації фіксована позиція більше не працює! Як це можливо?

155 html css positioning rotation

12

Яка різниця, якщо я поміщую файл css всередину <head> або <body>?

Зазвичай файли css ставляться всередину <head></head>, що робити, якщо я вкладу його всередину <body></body>, яка різниця це буде робити?

155 html css

3

Стиль дочірнього елемента при наведенні на батьків

Як змінити стиль дочірнього елемента, коли на батьківському елементі є курсор. Я вважаю за краще рішення CSS для цього, якщо це можливо. Чи можливе рішення через: наведіть курсор на CSS-вибір. Насправді мені потрібно змінити колір панелі параметрів всередині панелі, коли на панелі є наведення курсора. Шукаємо підтримку всіх основних браузерів.

155 css css-selectors

10

Чи можу я націлити всі теги <H> за допомогою одного селектора?

Я хотів би націлити всі h теги на сторінці. Я знаю, що ти можеш це зробити так ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } але чи існує більш ефективний спосіб зробити це за допомогою сучасних селекторів CSS? наприклад, щось на кшталт: [att^=h] { font: 32px/42px …

155 css css-selectors

14

CSS: Встановіть колір фону, який становить 50% від ширини вікна

Намагання досягти фону на сторінці, яка "розділена на два"; два кольори на протилежних сторонах ( по- видимому робиться шляхом установки по замовчуванням background-colorна bodyмітці, то , застосовуючи інший на а , divяка простягається на всю ширину вікна). Я придумав рішення, але, на жаль, background-sizeмайно не працює в IE7 / 8, …

155 css background-color

17

Ширина введення на Bootstrap 3

Оновіть ще раз: я закриваю це питання, вибравши головну відповідь, щоб люди не додавали відповіді, не розуміючи питання. Насправді немає способу зробити це за допомогою функціональної збірки без використання сітки або додавання додаткового css. Сітки не працюють добре, якщо ви маєте справу з help-blockелементами, які, наприклад, повинні перевищувати короткий вклад, …

154 css twitter-bootstrap twitter-bootstrap-3

5

Рядки textarea та атрибут cols у CSS

Я хотів би встановити textarea's rowsта colsатрибути за допомогою CSS. Як би я це зробив у CSS?

154 css styling

10

Центр заповнення текстового поля поля HTML

Як я можу відцентрувати вирівнювання заповнення заповнення поля у формі html? Я використовую такий код, але він не працює: CSS -> input.placeholder { text-align: center; } .emailField { top:413px; right:290px; width: 355px; height: 30px; position: absolute; border: none; font-size: 17; text-align: center; } HTML -> <form action="" method="POST"> <input type="text" …

154 html css

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