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

У мене є елемент, який повинен бути вертикальним у виконаному мною дизайні. У мене є css, щоб це працювало у всіх браузерах, крім IE9. Я використовував фільтр для IE7 та IE8: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); Однак це, здається, робить мій елемент прозорим в IE9, а властивість CSS3 'tranform', здається, нічого не робить! Хто-небудь …

77 internet-explorer  css  rotation  internet-explorer-9 

Мені цікаво, чи є якийсь спосіб змінити атрибут CSS для останнього liу списку за допомогою CSS. Я розглядав питання використання :last-child, але це здається справді глючним, і я не можу змусити його працювати для мене. Я буду використовувати JavaScript, щоб зробити це, якщо це необхідно, але я хочу знати, чи …

77 html  css  css-selectors  html-lists 

Я хотів би відцентрувати img всередині div без javascript та без фонових зображень . Ось приклад коду <div> <img src="/happy_cat.png"/> </div> Я не знаю розмір img, і він повинен перевищувати ширину батьківського Я не знаю ширину батьківського div (це 100%) Батьківський div має фіксовану висоту Зображення більше батьківського, і батьківський …

77 html  css 

Я намагаюся скопіювати файли з однієї папки в іншу за допомогою Gulp: gulp.task('move-css',function(){ return gulp.src([ './source/css/one.css', './source/other/css/two.css' ]).pipe(gulp.dest('./public/assets/css/')); }); Наведений вище код копіює one.cssі two.cssдо public/assets/cssпапці. І якщо я використаю, gulp.src('./source/css/*.css')він скопіює всі файли CSS у public/assets/cssпапку, яка не є тим, що я хочу. Як вибрати кілька файлів і зберегти …

77 javascript  css  gulp 

Отже, у мене є таке -webkit-animationправило: @-webkit-keyframes shake { 0% { left: 0; } 25% { left: 12px; } 50% { left: 0; } 75% { left: -12px; } 100% { left:0; } } І деякі CSS, що визначають деякі правила анімації на моєму box: #box{ -webkit-animation-duration: .02s; -webkit-animation-iteration-count: 10; …

77 javascript  css  html  animation  webkit 

Як я можу простежити зміни у всьому каталозі, що містить безліч файлів sass? Я використовую наступну команду для перегляду змін у sass файл: sass --watch style.scss:style.css Але як спостерігати за змінами у цілому каталозі / папці, що містить безліч файлів sass.

77 css  sass  build-process  watch 

У мене виникають проблеми з моїм ul-list після використання CSS-reset. Коли текст у liфайлі довгий і він переходить на другий рядок, текст починається під маркером. Я хотів би, щоб він починався з того самого поля / заповнення, що і текст з правого боку маркера. Пояснити це начебто важко, але якщо …

77 html  css 

На цей питання є відповіді на Stack Overflow на російській мові : Як намалювати сектор круги в CSS? Ну, намалювати коло чистим CSS легко. .circle { width: 100px; height: 100px; border-radius: 100px; border: 3px solid black; background-color: green; } Як намалювати сектор? Враховуючи ступінь X [0-360], я хочу намалювати сектор …

77 css  css-shapes 

Я використовую text-decoration: line-throughв CSS, але, здається, я не можу знайти спосіб змінити товщину лінії без неелегантних хаків, таких як <hr>накладання зображень. Чи є якийсь елегантний спосіб вказати товщину прохідного проходу?

77 html  css  strikethrough 

Я намагаюся видалити крапки, textareaякі знаходяться в нижньому правому куті. Ось приклад того, що я маю на увазі (з Chrome): Як прибрати ці діагональні лінії?

77 html  css  textarea 

Який найкращий і найпростіший спосіб вертикального центрування тексту поруч із зображенням у форматі html? Повинна бути агностична версія / тип браузера. Чисте рішення HTML / CSS.

77 html  css 

Це питання, з яким я боровся якийсь час. Який правильний спосіб розмітити пари імена / значення? Мені подобається елемент <dl>, але він створює проблему: немає можливості відокремити одну пару від іншої - у них немає унікального контейнера. Візуально код не має визначення. Однак семантично я думаю, що це правильна розмітка. …

77 html  css  semantic-web  semantic-markup  semantics 

Властивість line-height зазвичай дбає про вертикальне вирівнювання, але не за допомогою входів. Чи є спосіб автоматично центрувати текст, не граючись з підбиванням?

77 css  xhtml 

Напевно, це досить просте питання, але я не можу отримати 3 елементи у контейнері flex для відображення у 2 рядки, один у першому рядку та інші 2 у другому рядку. Це CSS для flex-контейнера. Очевидно, він відображає 3 елементи в одному рядку :) div.intro_container { width: 100%; display: flex; flex-direction: …

77 css  flexbox 

Ви можете це зробити? Користувачі завантажують зображення в контейнер із шириною: 100%, але не хочу, щоб зображення були більшими за їх початковий розмір. Дуже дякую!

77 css  image