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

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

9
Вирівняйте два вбудовані блоки ліворуч та праворуч на одній лінії
Як я можу вирівняти два вбудовані блоки, щоб один був лівим, а другий - правим на тій же лінії? Чому це так важко? Чи є щось на зразок LaTeX \ hfill, яке може зайняти простір між ними для досягнення цього? Я не хочу використовувати поплавці, тому що за допомогою вбудованих …
113 css  html 
12
Використання поля: авто для вертикального вирівнювання знака
Тож я знаю, що ми можемо централізувати діви горизонтально, якщо будемо використовувати margin:0 auto;. Повиненmargin:auto auto; працювати, як я думаю, що це має працювати? Центрируйте його також вертикально? Чому також не vertical-align:middle;працює? .black { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); } .message { background:yellow; width:200px; margin:auto auto; padding:10px; } <div …
113 html  css  centering 
12
Як встановити висоту tbody за допомогою переливання
Я зіткнувся з проблемою під час встановлення висоти ширини переповнення переливу. <style> tbody{ height:50px;display:block;overflow:scroll } </style> <h3>Table B</h3> <table style="border: 1px solid red;width:300px;display:block"> <thead> <tr> <td>Name</td> <td>phone</td> </tr> </thead> <tbody style='height:50px;display:block;overflow:scroll'> <tr> <td>AAAA</td> <td>323232</td> </tr> <tr> <td>BBBBB</td> <td>323232</td> </tr> <tr> <td>CCCCC</td> <td>3435656</td> </tr> </tbody> </table> Завітайте до моєї скрипки тут …
113 html  css 
8
CSS "і" і "або"
У мене досить великі неприємності, тому що мені потрібно проаналізувати процес стилізації деяких типів вводу. У мене було щось на кшталт: .registration_form_right input:not([type="radio") { //Nah. } Але я також не хочу стилів прапорців. Я спробував: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) Як користуватися …
7
Як я можу видалити блиск на виділеному елементі в Safari на Mac?
На пристроях Mac і iOS в Safari <select>елемент із кольором фону генерує блиск над собою. Схоже, це не відбувається в інших операційних системах. Наприклад, у мене є елемент вибору з такими властивостями стилю: select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 6px; margin: 10px 0 7px; width: 250px; …
10
Програма не збирає .css файл (колба / пітон)
Я надаю шаблон, який я намагаюся стилізувати із зовнішнім таблицею стилів. Структура файлу така. /app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css mainpage.html виглядає приблизно так <html> <head> <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css"> </head> <body> <!-- content --> Жоден із моїх стилів не застосовується. …
113 python  html  css  templates  flask 
6
ширина етикетки css не діє
У мене є загальна форма, яку я б хотів стилювати, щоб вирівняти мітки та поля введення. Чомусь, коли я даю ширину селектору міток, нічого не відбувається: HTML: <form id="report-upload-form" method="POST" action="" enctype="multipart/form-data"> <p> <label for="id_title">Title:</label> <input id="id_title" type="text" class="input-text" name="title"></p> <p> <label for="id_description">Description:</label> <textarea id="id_description" rows="10" cols="40" name="description"></textarea></p> <p> <label …
112 html  css  label 
8
Непрозорість фону div, не впливаючи на вміщений елемент в IE 8?
Я хочу встановити непрозорість фону div, не впливаючи на елемент, що міститься в IE 8., будь-яке рішення і не відповідати на встановлення зображення 1 X 1 .png та встановити непрозорість цього зображення, оскільки я використовую динамічну непрозорість, і адміністратор кольорів може змінюватися що Я використовував це, але не працював в …
5
Безпосередній вибір дитини в МЕНШЕ
Чи все-таки доведеться ЛЕШЕ застосовувати до виводу негайний селектор (>)? У моєму стилі. Я не хочу написати щось на зразок: .panel { ... > .control { ... } } і МЕНШЕ генерувати щось на кшталт: .panel > .control { ... }
112 css  css-selectors  less 
8
Згладжування та згладжування Webfont у Firefox та Opera
У мене на веб-сайті використовуються веб-шрифти на замовлення. Для стильового виводу візуалізації я використав такий код: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; Це добре працює на Safari та Chrome (краї чіткіші, а лінії тонші). Чи є спосіб реалізувати один і той же стиль на Firefox і Opera?
8
Розмір шрифту в CSS -% або em?
Під час встановлення розміру шрифтів у CSS я повинен використовувати відсоткове значення ( %) або em? Чи можете ви пояснити перевагу?
112 css  fonts  font-size 
7
Чи є SASS.js? Щось на зразок LESS.js?
Я використовував LESS.js раніше. Це просто у використанні, щось на кшталт <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Я бачив SASS.js . Як я можу використовувати його аналогічно? Розбір файлу SASS для негайного використання в HTML. Здається, SASS.js більше для використання з Node.js ? var sass = require('sass') sass.render('... string …
112 css  sass  less 
5
Як змусити <svg> елемент розширити або скористатись своїм батьківським контейнером?
Мета полягає в тому, щоб &lt;svg&gt;елемент розширився до розміру свого батьківського контейнера, в цьому випадку a &lt;div&gt;, незалежно від того, наскільки великий він чи малий цей контейнер. Код: &lt;style&gt; svg, #container{ height: 100%; width: 100%; } &lt;/style&gt; &lt;div id="container"&gt; &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1" &gt; &lt;rect x="0" y="0" width="100" height="100" /&gt; &lt;/svg&gt; …
4
Коло прогресу CSS [закрито]
Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 5 років тому . Удосконаліть це питання Я шукав цей веб-сайт, щоб знайти панелі прогресу, але ті, які мені вдалося знайти, показують …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.