!
jsfiddle.net - он-олайн интерфейс среды веб-разработки с окнами кода html, css, js и браузера. (ctrl+shift+стрелка вверх - скрывает левый блок, занимающий кучу места и мещающий)

!
кодировка на веб-странице, прогруженной в браузере, зависит от: а) кодировки, выставенной в браузере; б) кодировки, прописанной в мета теге; в) кодировке, выставленной в редакторе, в котором создавался хтмл-документ

!
базовые принципы работы хтмл с ксс: а) в тегах прописываем атрибуты id=" " class=" " б) в таблице стилей перед селекторами айди ставим решетку, перед селекторами класса - точку.
пример синтаксиса: .class { ololol : bla-bla;}  #id {blabla : ololo;}

!
1) блочный элемент стремится захватить все пространство по ширине, срочный по содержимому;
2) строчный элемент игнорирует попытку изменения размера, блочный - слушается;
3) блочный эелемент после себя делает перенос строки, даже если является очень маленьким по ширине

классический пример блочного: div строчного: span


! ширина блока складывается из ширины контента (width) значений отступов (margin), полей (padding) и границ (border)


! я открыла по несколько ссылок в четырех интернет-браузерах. интернет лагает - страницы грузятся как с того света (долго). есть ли коррелиция между этими событиями?

!
Псевдоклассы определяют динамическое состояние элементов, которое изменяется со временем или с помощью действий пользователя, а также положение в дереве документа. Примером такого состояния служит текстовая ссылка, которая меняет свой цвет при наведении на нее курсора мыши. При использовании псевдоклассов браузер не перегружает текущий документ, поэтому с их помощью можно получить разные динамические эффекты на странице.
Пример синтаксиса: Элемент:Псевдокласс { Описание правил стиля }

!

псевдоэлементы - это вынос мозга. но прикольно, если разобраться.

!

адаптивная верстка обеспечивает универсальность веб-ресурса для различных устройств.

!
ознакомилась с понятием zen-coding. проинсталила плагин в нотепадеплюсплюс

и ... !!! нихрена не работает=) где сука инструкция к этой магии

ага: ctrl+alt+enter 

и принцип действия: название тега_точка_класс(или решетка_айдишник)_угловаяскобка_чтозаключитьвтег - оно сверстает по правилам

tr#head1.header>td*2 becomes <tr id="head1" class="header">

 <td></td>

 <td></td>

!

webkit -браузерный движок, на который можнон влиять через свойства css

for example

-webkit-touch-callout - поведение браузера в момент удержания пальца на ссылке

-webkit-user-drag - перетягиваться будет блок, а не только его содержимое

-webkit-text-security:square; - вместо кружочков, скрывающих пароль. будут квадратики (всю жизнь мечтала, чтою были квадратики мимими спасибо шо за херунда господа)