Результаты поиска
| Тип поиска | Синтаксис поиска |
|---|---|
| Метки | [метка] |
| Точно | "слова в кавычках" |
| Автор |
user:1234 user:me (ваши) |
| Рейтинг |
score:3 (3+) score:0 (нет) |
| Ответов |
answers:3 (3+) answers:0 (нет) isaccepted:yes hasaccepted:no inquestion:1234 |
| Просмотры | views:250 |
| Код | code:"if (foo != bar)" |
| Секции |
title:яблоки body:"яблоки апельсины" |
| Ссылка | url:"*.example.com" |
| Закладки | in:saves |
| Статус |
closed:yes duplicate:no migrated:no wiki:no |
| Типы |
is:question is:answer |
| Исключить |
-[метка] -яблоки |
| Для получения дополнительной информации о расширенном поиске посетите нашу страницу справки | |
Результаты поиска по меткам css
Параметры поиска: not deleted
user 299135
24 результата
CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.
9
голосов
Принятый
Создание необычных форм из div и input
span {position:relative;}
.login{
margin-bottom:10px;
height:20px;
border:none;
background: blue;
padding-right:40px;
padding-left:10px;
}
.submit{
border: 3px solid #fff …
Nsk's user avatar
- 2,826
1
голос
Как сделать текст внутри чекбокса
<style>
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label:before {content:"☐";}
input:checked + label:before {content:"☑";}
label:hover {color:blue;cursor:pointer;}
</styl …
Nsk's user avatar
- 2,826
1
голос
Дизайн кнопки с помощью СSS
Можно подобное реализовать на CSS, отдалено похожий пример:
div {
width: 80vmin;
height: 80vmin;
border-radius: 50%;
background: linear-gradient(#f90, #95a);
-webkit-mask: repeating-conic-gradient …
Nsk's user avatar
- 2,826
3
голоса
Принятый
CSS background не хочет уходить на задний план
Надо так? В правильности решения не очень уверен.
/*Кнопка меню*/
/* @media screen and (min-width: 614px) {
.btn_menu {
display: none;
}
} */
html, body, div, span, applet, obje …
Nsk's user avatar
- 2,826
-3
голоса
1
ответ
93
показа
Проверка checkbox "i agree" (отключен JS)
Например средствами CSS скрывать кнопку Submit, но при этом чтобы форма не сабмитилась по нажатию Enter. …
Nsk's user avatar
- 2,826
3
голоса
Как создать кнопку, которая при клике будет менять фон на определённую картинку?
<button style="width:300px;height:100px;" onClick="this.style.backgroundImage = 'url(https://www.w3schools.com/cssref/w3css.gif)';"> button text </button>
Nsk's user avatar
- 2,826
3
голоса
Выпадающее меню верстка
Например на CSS
<style>
/* Style The Dropdown Button */
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer …
Nsk's user avatar
- 2,826
1
голос
Принятый
Как подгружать изображения заранее и убрать эффект подгрузки?
body::after{
position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
content:url(img01.png) url(img02.png) url(img03.png) url(img04.png);
}
и смену картинки по клику я бы реализов …
Nsk's user avatar
- 2,826
3
голоса
Стилизация input range
Числа добавил, а стилизацию можно сделать здесь http://danielstern.ca/range.css/
<input type="text" id="test"/><br/>
<input type="range" id="fader" name="timeshool" list="volsettings" oninput="d …
Nsk's user avatar
- 2,826
2
голоса
Как поделить пространство между блоками?
А если через column-count? Сам пока активно этим не пользуюсь, комментарии/критика приветствуются
<style>
.text_block {
column-count: 2;
}
.text_block > p:first-child {
…
Nsk's user avatar
- 2,826
4
голоса
Как прижать footer к низу экрана?
Пожалуй самое компактное решение на css через calc() с добавлением всего пары свойств min-height и height
main {
min-height: calc(100vh - 70px);
}
footer {
height: 50px; background: gray …
Nsk's user avatar
- 2,826
2
голоса
Как сделать "выпуклые" границы у блока?
Допустим так, с параметрами "выпуклости" поиграйся
<style>
#logo_tube {
display: inline-block;
background-color: #FF0000;
width: 80px;
height: 45px;
border-radius: 10px;
positi …
3
голоса
Слайд калькулятор
Легкая модификация кода @nicolaa - включение/выключение кнопки в 3 строки вместо 14
$(".form-left,.form-right").keyup(function() { //Отслеживаем нажатие клавиш
$('.btn-select').attr('disable …
Nsk's user avatar
- 2,826
0
голосов
Как ограничить размер блока до двух строк, принимаются варианты с JS и Jquery?
Есть компактный вариант, но в данном виде не работает с кириллицей. Возможно кто нибудь допишет костыль и поделится.
<style>
#fos { width: 200px; height: 60px; overflow: hidden; }
#fos p { pa …
Nsk's user avatar
- 2,826
0
голосов
Из таблицы сделать акордеон!
Например так (на скорую руку, не оптимально)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<thead>
<tr>
<td>Отдадите</td>
…
Nsk's user avatar
- 2,826