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

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

9
Надання межі рядку таблиці HTML, <tr>
Чи можна за один прийом обмежити рядок таблиці &lt;tr&gt;замість того, щоб надавати межу окремим коміркам, &lt;td&gt;наприклад &lt;table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;th style="width: 96px;"&gt;Column 1&lt;/th&gt; &lt;th style="width: 96px;"&gt;Column 2&lt;/th&gt; &lt;th style="width: 96px;"&gt;Column 3&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="border-left: thin solid; border-top: thin …
90 html  css  border  html-table 

8
Що таке одиниці dp (незалежні від щільності пікселів) одиниці з CSS?
Для Android люди рекомендують використовувати вимірювання dp (незалежні від щільності пікселів) для елементів інтерфейсу, і існують такі правила, як використання 48dpвисоти кнопки тощо. Я працюю над веб-додатком і отримую багато критики щодо дизайну інтерфейсу, кажучи, що він не відповідає стандартам дизайну Android. Очевидно, що моя програма буде виглядати по-іншому, оскільки …

12
Помилка типу: $ (…). Таблиця даних не є функцією
Я намагаюся працювати з JQuery's Datatable JS для мого проекту за цим посиланням. Я завантажив повну бібліотеку з того самого джерела. Всі приклади, наведені в пакеті, здаються, працюють нормально, але коли я намагаюся включити їх у свій WebForms, CSS, JS взагалі не працюють. Ось що я зробив: &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head …

6
Як і де використовувати :: ng-deep?
Я новачок у Angular 4, тож хтось може пояснити, як і де використовувати ::ng-deepв Angular 4? Насправді я хочу переписати деякі властивості CSS дочірніх компонентів з батьківських компонентів. Більше того, чи підтримується це на IE11?


14
Зачекайте курсор на всю HTML-сторінку
Чи можна просто встановити курсор на "очікування" на всій сторінці html? Ідея полягає в тому, щоб показати користувачеві, що щось відбувається, поки завершується виклик ajax. У наведеному нижче коді показано спрощену версію того, що я спробував, а також продемонстровано проблеми, з якими я стикаюся: якщо для елемента (# id1) встановлено …

6
Як я можу створити “підказку” за допомогою чистого CSS?
Я щойно натрапив на акуратний фокус CSS. Перевірте скрипку ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } &lt;div&gt;Cool Trick: &lt;br /&gt; &lt;div class="tooltiptail"&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt; &lt;div&gt;How do …

7
Як скинути чи замінити фільтри CSS IE?
Я використовую властивість власника MS 'filter', щоб спробувати створити некрасивий еквівалент css3 text-shadow та box-shadow; Насправді у мене все було дуже добре, поки я не вирішив цю проблему. Схоже, коли я застосовую фільтр до div всередині іншого div, який також має фільтр, ефекти фільтру в кінцевому підсумку поєднуються з дочірнім …



2
Чому подвійні лапки відображаються лише для першого елемента?
Мені цікаво, чому браузер показує подвійні відкриті лапки лише для першого елемента. Натомість другий елемент має одинарні лапки. a::before { content: open-quote; } &lt;a href="http://www.google.com"&gt;Google&lt;/a&gt; &lt;br&gt; &lt;a href="http://www.amazon.com"&gt;Amazon&lt;/a&gt; Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент

13
Як розтягнути фонове зображення, щоб охопити весь елемент HTML?
Я намагаюся отримати фонове зображення елемента HTML (body, div тощо), щоб розтягнути його на всю ширину та висоту. Не маючи великої удачі. Це взагалі можливо, чи мені це потрібно робити іншим способом, крім фонового зображення? Мій поточний css: body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } Заздалегідь спасибі. …

5
початковий випадаючий міхур вирівнюється вправо (не вправо)
У моєму верхньому меню є кошик, push-rightі моя проблема полягає в тому, що випадаючий міхур випадає зі сторінки. Я намагаюся вирівняти міхур праворуч, щоб він вирівнювався праворуч за клацанням подобається це HTML: &lt;div class="cart pull-right"&gt; &lt;ul class="nav"&gt; &lt;li class="dropdown"&gt; &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;CLICK&lt;/a&gt; &lt;div class="dropdown-menu"&gt; STUFF &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;

8
Як додати піктограму Font Awesome у поле введення?
Як використовувати піктограму пошуку, включену в Font Awesome, для введення? На моєму сайті є функція пошуку (на основі PHPmotion), яку я хочу використовувати для пошуку. Ось код: &lt;div id="search-bar"&gt; &lt;form method="get" action="search.php" autocomplete="off" name="form_search"&gt; &lt;input type="hidden" name="type" value="videos" /&gt; &lt;input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search Videos')" …
89 html  css  font-awesome 

9
Як обернути текст без пробілів всередині <td>?
Я використовував: word-break:break-all; table-layout:fixed; а текст обгортається в Chrome, але не у Firefox. Оновлення: я вирішив змінити дизайн, щоб він не потребував обгортання; спроба розібратися з виправленням / руйнуванням CSS виявилася занадто неприємною та трудомісткою.
89 css 

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