27 Фев


2017

CSS полезные фичи.

CSS или каскадные таблицы стилей очень просты для понимания. Однако есть множество нюансов (как, впрочем, и везде) которые нужны не так часто, но когда все таки нужны, долго искать в инетрнете.

Reset maring, padding

* {
margin: 0;
padding: 0;
}
-moz-user-select: all;
-moz-user-select: text;
-moz-user-select: none;

-moz-user-select: all;
-moz-user-select: text;
-moz-user-select: none;

Перенос слов

normal - Строки не переносятся или переносятся в тех местах, где явно задан перенос (например, с помощью тега <br>).
break-word - Перенос строк добавляется автоматически, чтобы слово поместилось в заданную ширину блока.
inherit - Наследует значение родителя.

Убрать маркеры списка:

list-style-type: none;

Убрать подчеркивание у ссылок

list-style-type: none;

Безопасные шрифты

font-family: "Arial Black", "Helvetica CY", "Nimbus Sans L" sans-serif
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-family: "Comic Sans MS", "Monaco CY", cursive;
font-family: "Courier New", "Nimbus Mono L", monospace;
font-family: Georgia, "Century Schoolbook L", Serif;
font-family: Impact, "Charcoal CY", sans-serif;
font-family: "Lucida Console", Monaco, monospace;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-family: Tahoma, "Geneva CY", sans-serif;
font-family: "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
font-family: "Trebuchet MS", "Helvetica CY", sans-serif;
font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;

Placeholder

input::-webkit-input-placeholder {color: white;}
input::-moz-placeholder          {color: white;}/* Firefox 19+ */
input:-moz-placeholder           {color: white;}/* Firefox 18- */
input:-ms-input-placeholder      {color: white;}

Выделение полей ввода при фокусе:

Отвечает за сие событие псевдокласс :focus, чтобы убрать фокус необходимо:

textarea:focus, input:focus{
outline: none;
}

 

Postgresql
HTML
CSS
SCSS
web