{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В прошлой лекции мы узнали как работает табличная верстка сайта. На сегодняшний день, это не актуальная разметка страницы и была показана для теоретической базы.","type":"unstyled","key":"9on0u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Почему не актуальна, - давайте переведем браузер в режим окна и попробуем изменять его размеры, растягивая влево и вправо.","type":"unstyled","key":"6tuff"},{"data":{"image":{"id":"5b9f70b9fb068300adfb5488"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cmqqb"},{"data":{"image":{"id":"5b9f70e4d02e9100aacdbee4"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"89ftt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":106,"style":"ITALIC"}],"text":"Мы увидим, что наша страница имеет статичную минимальную ширину, а при растягивании окна браузера контент (содержимое) расползается на всю ширину блока. ","type":"unstyled","key":"e3id3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В результате получается некрасивая нечитабельная разметка контента. Если открыть такую страницу на мобильном устройстве, вряд ли вы сможете что-то на ней разглядеть без увеличения масштаба. Согласитесь, - это не удобно. Как пользователь, я бы сразу покинул такую страницу.","type":"unstyled","key":"47che"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что же делать в таком случае?!","type":"unstyled","key":"cv3h7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сегодня мы узнаем про блочную верстку","type":"header-three","key":"8pp98"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Современные технологии программирования позволяют нам использовать связки языков программирования, - это очень удобно.","type":"unstyled","key":"9aohf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":20,"style":"BOLD"}],"text":"Начнем с комбинации HTML + CSS. Про HTML мы уже немного знаем, - это язык разметки страницы, а CSS (Cascading Style Sheets — каскадные таблицы стилей) - это язык стилей, а точнее правила стилей. Эти правила мы будем использовать для нашего HTML.","type":"unstyled","key":"alvb2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":97,"style":"BOLD"}],"text":"CSS можно писать прямо внутри нашей страницы, делается это следующим образом (откроем страницу в Notepad++):","type":"unstyled","key":"1farr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"f1fld"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"","type":"blockquote","key":"42sjf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"6kbp6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"","type":"blockquote","key":"4h69b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Easy Dev - Создание сайтов от А до Я","type":"blockquote","key":"avtuj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"bnbcu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"23dn1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохранимся и посмотрим как изменилась наша страница:","type":"unstyled","key":"ecqre"},{"data":{"image":{"id":"5b9f8d951fa8fc00ad1b13c1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"atakh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":93,"style":"BOLD"},{"length":6,"offset":139,"style":"BOLD"}],"text":"Для того, чтобы HTML понимал, что ему необходимо задействовать CSS, обязательно наличие тега и обязательно его расположение до тега . ","type":"unstyled","key":"a259o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":1,"style":"BOLD"}],"text":" ","type":"blockquote","key":"cf8r8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"dfch0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Easy Dev - Создание сайтов от А до Я","type":"blockquote","key":"9s0pr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"4tlgc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"8kk7r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Easy Dev

","type":"blockquote","key":"e1dp3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"78hb3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"chhaq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Левый сектор

","type":"blockquote","key":"2dkvs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Текст в левом секторе. Резервируем место.

","type":"blockquote","key":"9n4aa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"15nu3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"2sgg8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Создание сайтов от А до Я. Делать сайты может каждый! Это легче, чем кажется! Я вас научу!

","type":"blockquote","key":"9dtm6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"b5a36"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"45bfp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Правый сектор

","type":"blockquote","key":"eb5jm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"3jsag"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"fp3qf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Подвал страницы Easy Dev

","type":"blockquote","key":"doq7k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"2o6b1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9vvo1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"c4dan"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохранимся и посмотрим результат:","type":"unstyled","key":"fn7i7"},{"data":{"image":{"id":"5b9f94a52a437700a9f7597c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cvcvf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что случилось с нашей красивой страницей? Не отчаивайтесь! Сейчас мы сделаем ее еще лучше, а главное - намного быстрее, чем в первый раз!","type":"unstyled","key":"e5sh3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":66,"style":"ITALIC"}],"text":"Все объекты и элементы в программировании принято как-то называть (задавать имя). Это необходимо для их распределения по классам. Посмотрите на наш код, - как мы будем понимать какой из этих div'ов нам нужен? А как мы к нему обратимся, когда захотим его изменить?","type":"unstyled","key":"d01nd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Все просто - мы дадим им логические имена так, чтобы не запутаться:","type":"unstyled","key":"794p6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"bvn2b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"cjhtu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"6kg6j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"e41hi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Easy Dev - Создание сайтов от А до Я","type":"blockquote","key":"e5g5q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"cpo28"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"84e5j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"4p27q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Easy Dev

","type":"blockquote","key":"4hrv1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"cf6rs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"9kfin"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Левый сектор

","type":"blockquote","key":"o1h8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Текст в левом секторе. Резервируем место.

","type":"blockquote","key":"aj19e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"8vnn1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"agfu7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Создание сайтов от А до Я. Делать сайты может каждый! Это легче, чем кажется! Я вас научу!

","type":"blockquote","key":"c92c2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"2c34l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"e2fuq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Правый сектор

","type":"blockquote","key":"aue9j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"fs55d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"7c849"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9ptv2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"6igc4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"biemc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":101,"style":"BOLD"},{"length":6,"offset":119,"style":"BOLD"}],"text":"Классам необходимо задавать имена, связанные с логикой кода. Например, класс левого сектора я назвал left-sector, а не qwerty. Это будет помогать вам, поэтому задавайте для классов обдуманные имена. ","type":"unstyled","key":"8davc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Таким образом, мы разметили нашу страницу, подобно таблице, только теперь мы можем изменять разметку так, как нам потребуется.","type":"unstyled","key":"1n3je"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":45,"style":"BOLD"}],"text":"Теперь к каждому классу у нас есть доступ из CSS. Давайте скорее посмотрим как эта связка работает:","type":"unstyled","key":"c7ef9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"1qggd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраняемся и смотрим результат:","type":"unstyled","key":"fphuo"},{"data":{"image":{"id":"5b9f9d5f78b71300a917d9f8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"88jhk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Хочу обратить ваше внимание на то, что div'ы не зависят друг от друга, отлично от таблицы и поэтому являются более удобными и практичными в разметке сайта. ","type":"unstyled","key":"5jub3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":81,"offset":0,"style":"ITALIC"}],"text":"Для наглядности я показал границы каждого блока и мы видим независимость блоков. ","type":"unstyled","key":"1go0d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":135,"offset":0,"style":"ITALIC"}],"text":"Непосредственно про CSS и его возможности я рекомендую почитать в сети: есть куча уроков и примеров, а так же официальная документация.","type":"unstyled","key":"fdsa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Еще немного CSS-магии и мы получаем картину, похожую на настоящий сайт:","type":"unstyled","key":"cfgv9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"7rh9v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":138,"style":"ITALIC"}],"text":"Глядя на страницу, хочется ее чем-то наполнить. Давайте подготовим еще несколько блоков для следующего урока, а так же оформим их немного (весь код файла, конечный):","type":"unstyled","key":"49deq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"a1m4l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"302sk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"bdlp3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"7s9dm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Easy Dev - Создание сайтов от А до Я","type":"blockquote","key":"8or3f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"23b7h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"ta9c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"cqeqc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Easy Dev

","type":"blockquote","key":"6jkd8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"4o5ht"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"1vbgi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"dekf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Левый сектор

","type":"blockquote","key":"7gogp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Текст в левом секторе. Резервируем место.

","type":"blockquote","key":"ae185"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"3sd5r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"er035"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Левый сектор 2

","type":"blockquote","key":"e39j2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Текст в левом секторе. Резервируем место.

","type":"blockquote","key":"8lkcr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"871p8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"2dbis"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Левый сектор 3

","type":"blockquote","key":"52vgi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Текст в левом секторе. Резервируем место.

","type":"blockquote","key":"cpcfh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"fol8v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"3v7hu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"e9l7p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Создание сайтов от А до Я. Делать сайты может каждый! Это легче, чем кажется! Я вас научу!

","type":"blockquote","key":"7gibd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"cqn2a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"44fgv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"5mvrm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Правый сектор

","type":"blockquote","key":"6t3ts"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"6okfh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"d2t7a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Правый сектор

","type":"blockquote","key":"a2rr5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"9dctb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"9tqja"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"1d9o7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"4gsl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"b8ivi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"cbi5j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подведем итоги","type":"header-three","key":"3oh9t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":125,"style":"BOLD"},{"length":15,"offset":152,"style":"BOLD"},{"length":12,"offset":180,"style":"BOLD"},{"length":6,"offset":195,"style":"BOLD"}],"text":"Имея в своем распоряжении такой код, можно сверстать практически любую страницу практически любого сайта. Мы базово заложили тело страницы, подготовили место для шапки, у нас есть два сайдбара и подвал. Эти элементы 100% есть на всех сайтах, так будет и у нас.","type":"unstyled","key":"64d4m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Возможно, в этой статье очень много не знакомой информации. Не стесняйтесь искать объяснения и примеры в интернете.","type":"unstyled","key":"2ubpb"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":10,"offset":20}],"inlineStyleRanges":[],"text":"Рекомендую начать с HTML BOOK тут есть все то, о чем мы говорим и что делаем.","type":"unstyled","key":"ei4lb"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":7,"offset":58},{"key":2,"length":21,"offset":68}],"inlineStyleRanges":[],"text":"В сегодняшнем материале помогут глубже разобраться статьи про DIV и базовый синтаксис CSS.","type":"unstyled","key":"esa1n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Напишите в комментариях:","type":"unstyled","key":"ftv3m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Что мы пропустили?","type":"unstyled","key":"dsie7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. Как можно это исправить?","type":"unstyled","key":"729kb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3. Добавьте в подвал страницы еще один блок, который будет расположен справа, на одном уровне с имеющимся текстом.","type":"unstyled","key":"2tpt5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-two","key":"b2ndj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"ovjBOYN68RTii0fW8W7O"}],"entityMap":{"0":{"data":{"url":"http://htmlbook.ru"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"http://htmlbook.ru/html/div"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"url":"http://htmlbook.ru/samcss/bazovyy-sintaksis-css"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}