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

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

5
Як перевернути фонове зображення за допомогою CSS?
Як перевернути будь-яке фонове зображення за допомогою CSS? Це можливо? Я на даний момент реалізовано з допомогою цієї стрілки зображення в background-imageз liв CSS Увімкнено:visited мені потрібно перевернути цю стрілку по горизонталі. Я можу це зробити, щоб зробити ще одне зображення стрілки, Але мені просто цікаво знати, чи можна перевернути …
224 css  mobile-webkit 
3
Які відмінності між flex-основою та шириною?
Про це були запитання та статті, але, наскільки я можу сказати, нічого переконливого. Найкращий підсумок, який я міг знайти, - це flex-base дозволяє задавати початковий / початковий розмір елемента, перш ніж все інше буде обчислено. Це може бути або відсоткове, або абсолютне значення. ... що саме по собі не багато …
224 css  flexbox  width 
30
Шрифт Awesome не працює, піктограми відображаються у вигляді квадратів
Тому я намагаюся скласти прототип маркетингової сторінки, і я використовую Bootstrap та новий файл Font Awesome. Проблема полягає в тому, що коли я намагаюся використовувати піктограму, все, що відображається на сторінці, - це великий квадрат. Ось як я включаю файли в голову: <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" …
13
Продовжуйте переповнення діва прокручувати донизу, якщо користувач не прокручує вгору
У мене є div, розміром якого є лише 300 пікселів, і я хочу, щоб він завантажував сторінку в нижній частині вмісту. Цей розділ динамічно додається до нього вмісту, і йому потрібно прокручувати весь шлях. Тепер, якщо користувач вирішив прокрутити вгору, я не хочу, щоб він стрибав назад додолу, поки користувач …
224 javascript  jquery  html  css  scroll 
17
Колір фону не відображається в попередньому перегляді друку
Я намагаюся надрукувати сторінку. На цій сторінці я дав таблиці колір фону. Коли я переглядаю попередній перегляд друку в хромі, його не приймає властивість кольору тла ... Тому я спробував цю властивість: -webkit-print-color-adjust: exact; але все ж його колір не показує. http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; …
18
CSS: Обрізати клітинки таблиці, але максимально вмістити
Знайомтесь з Фредом. Він стіл: <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> Квартира Фреда має химерну звичку змінювати розміри, тому він навчився приховувати частину свого вмісту, щоб не штовхати всі інші осередки і відштовхувати віталь місіс Вітфорд у небуття: <table border="1" style="width: …
7
Дві діви поруч - дисплей з рідиною
Я намагаюся розмістити два діви поруч і використовую наступний CSS для цього. #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTML-код простий, два лівих і правих діла в обгортковому розділі. <div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> Я так багато …
222 css  html  fluid-layout  fluid 
3
CSS надіслати кнопку дивного відображення на iPad / iPhone
Я помітив, що якщо я стилю свої кнопки за допомогою CSS, використовуючи радіус, кольори та рамки, вони виглядають добре, але в iphone / ipad / ipod вони виглядають жахливо ... не повинно бути таке ж відображення, як у Safari Desktop ??
12
Як створити крапку в HTML?
Як створити подібну форму для відображення на веб-сторінці? Я не хочу використовувати зображення, оскільки вони будуть розмитими під час масштабування Я спробував із CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> Виконати …
222 html  css  svg  css-shapes 
17
Тире в стилі списку HTML
Чи є спосіб створити стиль списку в HTML з тире (тобто - або - –або - —), тобто <ul> <li>abc</li> </ul> Виведення: - abc Мені прийшло в голову зробити це з чимось на зразок li:before { content: "-" };, хоча я не знаю мінусів цього варіанту (і я був би …
222 html  css  xhtml  html-lists 
16
Яка різниця між ідентифікатором та класом?
Яка різниця між <div class="">і <div id="">коли мова йде про CSS? Це добре використовувати <div id="">? Я бачу різних розробників, які роблять це обома способами, і оскільки я самоучка, я ніколи не розумів цього.
222 html  css  class  id 
16
Як отримати тінь для поля лише з лівого та правого боків
Будь-який спосіб отримати поле-тінь з лівої та правої (горизонтальної?) Сторони лише без злому або зображень. Я використовую: box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8); Але це дає тінь усім навколо. У мене немає меж навколо стихій.
222 html  css 
11
Відцентруйте вміст у чудовому завантажувальному інструменті для завантаження
У мене виникають проблеми з центрируванням мого вмісту в навігаційній системі завантажувача. Я використовую bootstrap 3. Я прочитав багато публікацій, але CSS або використовувані методи не працюватимуть з моїм кодом! Я дуже розчарований, тому це як мій останній варіант. Будь-яка допомога буде вдячна! <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" …
4
<fieldset> змінює розмір неправильно; як видається, має незмінний `min-width: min-content`
Проблема У мене є те, &lt;select&gt;де одне його &lt;option&gt;текстове значення дуже довге. Я хочу, &lt;select&gt;щоб розмір змінився, щоб він ніколи не був ширшим за його батьківський, навіть якщо він повинен вирізати відображений текст. max-width: 100%повинен це зробити. Перед зміною розміру: Що я хочу після зміни розміру: Але якщо ви завантажите …
221 html  width  fieldset  css 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.