Метод определения приоритетов css 1 условная  единица — селектор тегов (h1, p, a), псевдоэлементы (::first-child) 10 условных единиц — класс (a.linkwhite), псевдоклассы (:link) 100 условных единиц —  идентификатор  (#whitelink) 1000  условных единиц —  строчный стиль (<a style=»color:white;»>) При двух стилях с одинаковым приоритетом будет применен последний стиль. Для установления максимальногоRead More →

Селектор :target используется с внутренними ссылками. В примере при нажатии на ссылку, появится форма.   <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»UTF-8″> <meta name=»viewport» content=»width=device-width, initial-scale=1.0″> <meta http-equiv=»X-UA-Compatible» content=»ie=edge»> <title>Document</title> <style> #hello { display: none; } #hello:target { display: block; } </style> </head> <body> <a href=»#hello»>Подписаться на рассылку</a> <form action=»»Read More →

EMMET наиболее удобен для быстрого написания css стилей. Некоторые стили довольно сложные и труднозапоминаемые, с помощью EMMET достаточно лишь запомнить короткое сокращение. fz20 font-size: 20px; fwb font-weight: bold; bgc background-color: #fff; bg background: #000; c color: #000; m0 margin: 0; p0 padding: 0; w100 width: 100px; h100 height: 100px; mw100Read More →

timeline — тоесть шкала времени задается правилом @keyframes @keyframes name { 0% {} 25% {} 50% {} 100% {} } name — имя анимации Свойство animation Параметры анимации и значения по умолчанию animation-name: none animation-duration: 0s animation-timing-function: ease animation-delay: 0s animation-iteration-count: 1 animation-direction: normal animation-fill-mode: none animation-play-state: running Краткая запись и синтаксис animation: animation-name || animation-duration || animation-timing-function ||Read More →

-webkit- — применяется Chrome, Safari и другими браузерами на базе WebKit; • -moz- — используется Mozilla Firefox; • -o- — применяется Opera; • -ms- — используется Microsoft Internet Explorer.Read More →

text-shadow: -4px 4px 3px #666; 1 значение — смещение по  горизонтали, 2 — по вертикали, 3 — степень размытости, 4 —  цвет <h1 style=»text-shadow: -4px 4px 3px #666;»>text-shadow: -4px 4px 3px #666;</h1>Read More →

font-variant: small-caps; делает весь текст маленькими  прописными буквами. Не знаю, где нужен такой эффект. Главное, что б маркетологи не узнали. <p style=»font-variant: small-caps;»>делает весь текст маленькими  прописными буквами. Не знаю, где нужен такой эффект. Главное, что б маркетологи не узнали.</p>Read More →

Собсвенно, известно, что размером по-умолчанию является 16 px. Это соотвествует medium. Остальные выглядят так:   В единицах измерения em:   а еще они множатся. Например   <b style=»font-size:1.5em»><span style=»font-size:2em»>куку 1.5*2em</span> куку 1.5em </b><span style=»font-size:2em»>куку 2em</span> первое «куку» будет не 2em, а 3em, потому что 1.5*2 — 48pxRead More →

Селекторы, которые я не использовала ни разу, а наверное полезная штука: h1+p — выделяет абзац, следующий сразу за заголовком. Это работает только с сестринскими тегами, не с потомками. p * — все теги, вложенные в p (например strong, em, span, a)    Read More →