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

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


7
Як включити перегляд / частково специфічний стиль у AngularJS
Який належний / прийнятий спосіб використовувати окремі таблиці стилів для різних представлень, які використовує моя програма? В даний час я розміщую елемент посилання в HTML-огляді / частковому HTML вгорі, але мені сказали, що це погана практика, хоча всі сучасні браузери його підтримують, але я бачу, чому це нахмурилося. Інша можливість …

14
позиція: фіксований не працює на iPad та iPhone
Я певний час боровся з фіксованим розташуванням в iPad. Я знаю iScroll, і він не завжди працює (навіть у їх демонстрації). Я також знаю, що Sencha має виправлення для цього, але я не зміг Ctrl+ Fвихідний код для цього виправлення. Я сподіваюся, що хтось може мати рішення. Проблема полягає в …
132 iphone  css  ipad  ios  mobile 

18
Змусьте шрифти Adobe працювати з CSS3 @ font-face в IE9
Я зараз будую невелику програму інтранет і намагаюся, не пощастивши, використовувати шрифт Adobe, який я придбав останнім часом. Як мені повідомили, у нашому випадку це не порушення ліцензії. Я перетворив .ttf / .otf версії шрифту в .woff, .eot і .svg, щоб націлити всі основні браузери. Синтаксис @ font-face, який я …

4
Що таке "вміст, що знаходиться вгорі", в Google Pagespeed?
Донедавна мій сайт (www.heatexchangers.ca) набрав 98% швидкості сторінки Google. Я не міг нічого зробити, наприклад, рядок запитів із веб-шрифтів. Я був дуже задоволений цим, оскільки це представляло все, що я міг зробити. Нещодавно Google додав щось інше, що впливає на показник швидкості сторінки, і тепер я отримую лише 89% на …

8
Запобігання перетягуванню або вибору зображення без використання JS
Хтось знає, як зробити так, щоб зображення не перетягувалося і не було вибиралося - водночас - у Firefox, не вдаючись до Javascript? Здається, тривіально, але ось питання: 1) Можна перетягнути і виділити в Firefox: <img src="..."> 2) Отже, ми додаємо це, але зображення все одно можна виділити під час перетягування: …
132 css  html  firefox  draggable 

9
Чи можливо зробити тег HTML якоря не клікальним / пов’язаним за допомогою CSS?
Наприклад, якщо у мене це є: <a style="" href="page.html">page link</a> Чи можу я скористатися атрибутом style, який зробить його таким чином, щоб посилання не було доступним для натискання і не переніме на сторінку.html? Або мій єдиний варіант просто не загортати "посилання на сторінку" у тег прив’язки? Редагувати: Я хочу зазначити, …
132 html  css  anchor 


9
Як підтримувати співвідношення сторін за допомогою тегу HTML IMG
Я використовую тег img HTML для показу фотографії в нашому додатку. Я встановив атрибут висоти та ширини як 64. Мені потрібно показати будь-яку роздільну здатність зображення (наприклад, 256x256, 1024x768, 500x400, 205x246 і т.д.) як 64x64. Але встановивши атрибути висоти та ширини тегів img до 64, це не підтримує співвідношення сторін, …
132 html  css 

3
Чому материнська висота діва дорівнює нулю, коли в ньому плавали діти
У моєму CSS є наступне. Усі поля / прокладки / межі глобально скидаються до 0. #wrapper{width: 75%; min-width: 800px;} .content{text-align: justify; float: right; width: 90%;} .lbar{text-align: justify; float: left; width: 10%;} Тепер, коли я пишу свій HTML як <div id="wrapper"> <div class="content"> some text here </div> <div class="lbar"> some text …
131 html  css 

7
Чи слід вставляти зображення як data / base64 в CSS або HTML
Щоб зменшити кількість запитів на сервері, я вставив деякі зображення (PNG & SVG) як BASE64 безпосередньо в css. (Автоматизовано в процесі збирання) подобається це: background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...); Це хороша практика? Чи є причини, щоб цього уникнути? Чи є якісь основні веб-переглядачі, які не мають підтримки URL-адреси даних? Питання про бонус: …
131 html  css  base64 

1
Приклади зображень для коду та позначки Q & As [закрито]
Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 5 років тому . Удосконаліть це питання Готуючи MCVE / SSCCE, що включає зображення, корисно мати прямий доступ до зображень. Типи зображень, …
131 java  javascript  css  image 

5
Встановлення ширини та висоти для тегу A
Чи можна встановити ширину та висоту в пікселях на якорному тезі? Я хотів би мати тег прив’язки, щоб він мав фонове зображення, зберігаючи текст усередині якоря. li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } <li><a href="#">Something</a></li> Виконати фрагмент кодуСховати …
131 html  css  cross-browser 

9
Як я можу помістити чітку кнопку у вікно введення тексту HTML, як у iPhone?
Я хочу мати маленьку маленьку піктограму, яка при натисканні видалить текст у вікні <INPUT>. Це для економії місця, а не для того, щоб мати чітке посилання поза полем для введення. Мої навички CSS слабкі ... Ось фото на скріншоті того, як виглядає iPhone.
131 javascript  iphone  html  css 

4
Як перетворити шістнадцятковий колір у rgba за допомогою менш компілятора?
У мене є такий код: @color : #d14836; .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)), color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent), to(transparent)); Мені потрібно …
131 css  less 

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