Главная страница

Книга css3 3-е издание Серия Бестселлеры O Reilly


Скачать 20.28 Mb.
НазваниеКнига css3 3-е издание Серия Бестселлеры O Reilly
АнкорDevid_Makfarland_Bolshaya_kniga_CSS3.pdf
Дата13.04.2019
Размер20.28 Mb.
Формат файлаpdf
Имя файлаDevid_Makfarland_Bolshaya_kniga_CSS3.pdf
оригинальный pdf просмотр
ТипКнига
#44007
страница1 из 62
Каталог
  1   2   3   4   5   6   7   8   9   ...   62
Д. Макфарланд
Большая книга CSS3
3-е издание
Серия «Бестселлеры O’Reilly»
Перевел с английского Н. Вильчинский
Заведующий редакцией
Д. Виницкий
Ведущий редактор
Е. Каляева
Научный редактор
Н. Вильчинский
Художник
Л. Адуевская
Корректор
Е. Павлович
Верстка
О. Богданович
ББК 32.988.02-018
УДК 004.738.8
Макфарланд Д.
М17 Большая книга CSS3. 3-е изд. — СПб.: Питер, 2014. — 608 с.: ил. — (Серия «Бестселлеры O’Reilly»).
ISBN 978-5-496-00428-2
C помощью технологии CSS3 (каскадные таблицы стилей) можно создавать уникальные, современные оформления веб-сайтов. Но даже самый опытный веб-разработчик может не знать всех приемов применения CSS3. Прочитав в этой книге множество практических примеров, а также советов, вы перейдете на новый уровень создания сайтов с помощью HTML и CSS. Вы узнаете, как разрабатывать веб-страницы, которые одинаково быстро работают и одинаково выглядят как на ПК, так и на смартфонах и планшетах.
В книге рассмотрены следующие темы: написание HTML5-, CSS3-тегов, которые распознаются во всех браузерах; форматирование текста, добавление на страницы навигации; создание таблиц и форм; приемы веб-дизайна для создания уникального оформления сайтов; создание сайтов для любых устройств с помощью адаптивного дизайна.
12+
(В соответствии с Федеральным законом от 29 декабря 2010 г. № 436-ФЗ.)
ISBN 978-1449325947 англ.
Copyright © 2013 Sawyer McFarland Media, Inc. All rights reserved.
Authorized Russian translation of the English edition of CSS3: The Missing Manual,
3rd Edition (ISBN 9781449325947). This translation is published and sold by permission of O’Reilly Media, Inc., which owns or controls all rights to publish and sell the same
ISBN 978-5-496-00428-2
© Перевод на русский язык ООО Издательство «Питер», 2014
© Издание на русском языке, оформление ООО Издательство «Питер», 2014
Права на издание получены по соглашению с O’Reilly. Все права защищены. Никакая часть данной книги не может быть воспроизведена в какой бы то ни было форме без письменного разрешения владельцев авторских прав.
Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством как надежные. Тем не менее, имея в виду возможные человеческие или технические ошибки, издательство не может гарантировать абсолютную точность и полноту приводимых сведений и не несет ответственности за возможные ошибки, связанные с использованием книги.
ООО «Питер Пресс», 192102, Санкт-Петербург, ул. Андреевская (д. Волкова), 3, литер А, пом. 7Н.
Налоговая льгота — общероссийский классификатор продукции ОК 005-93, том 2; 95 3005 — литература учебная.
Подписано в печать 06.11.13. Формат 70×100/16. Усл. п. л. 49,020. Тираж 2700. Заказ
Отпечатано в полном соответствии с качеством предоставленных издательством материалов в ГППО «Псковская областная типография». 180004, Псков, ул. Ротная, 34.
Краткое содержание
Об авторе
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13О творческой команде
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .14Благодарности . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15Введение . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16Часть 1. Основы CSSГлава 1. HTML для CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .30Глава 2. Создание стилей и таблиц стилей . . . . . . . . . . . . . . . . . . . . . .49Глава 3. Селекторы: определение элементов стилизации . . . . . . . . . . .69Глава 4. Механизм наследования стилей . . . . . . . . . . . . . . . . . . . . . .106Глава 5. Управление сложной структурой стилей: каскадность . . . . . . .116Часть 2. Применение CSSГлава 6. Форматирование текста . . . . . . . . . . . . . . . . . . . . . . . . . . . .138Глава 7. Поля, отступы, границы . . . . . . . . . . . . . . . . . . . . . . . . . . . .205Глава 8. Добавление графики на веб-страницы . . . . . . . . . . . . . . . . .251Глава 9. Приводим в порядок навигацию сайта . . . . . . . . . . . . . . . . .306Глава 10. Осуществление преобразований, переходов Глава 11. Форматирование таблиц и форм . . . . . . . . . . . . . . . . . . . . .387
6
Краткое содержание
Часть 3. Макет страницыГлава 12. Введение в разметку CSS . . . . . . . . . . . . . . . . . . . . . . . . . .414Глава 13. Разметка страницы на основе Глава 14. Адаптивный веб-дизайн . . . . . . . . . . . . . . . . . . . . . . . . . . .464Глава 15. Позиционирование элементов на веб-странице . . . . . . . . .499Часть 4. CSS для продвинутыхГлава 16. CSS для распечатываемых веб-страниц . . . . . . . . . . . . . . .527Глава 17. Совершенствуем навыки работы с CSS . . . . . . . . . . . . . . . .546ПриложенияПриложение 1. Справочник свойств CSS . . . . . . . . . . . . . . . . . . . . . .569Приложение 2. Информационные ресурсы, касающиеся CSS . . . . . . .603
Оглавление
Об автореО творческой командеБлагодарностиВведениеОт издательстваЧасть 1. Основы CSSГлава 1. HTML для CSS
8
Оглавление
Глава 2. Создание стилей и таблиц стилейГлава 3. Селекторы: определение элементов стилизацииГлава 4. Механизм наследования стилейГлава 5. Управление сложной структурой стилей: каскадность
Оглавление
9
Часть 2. Применение CSSГлава 6. Форматирование текстаГлава 7. Поля, отступы, границы
10
Оглавление
Глава 8. Добавление графики на веб-страницыГлава 9. Приводим в порядок навигацию сайта
Оглавление
11
Глава 10. Осуществление преобразований, переходов Глава 11. Форматирование таблиц и формЧасть 3. Макет страницыГлава 12. Введение в разметку CSSГлава 13. Разметка страницы Глава 14. Адаптивный веб-дизайнГлава 15. Позиционирование элементов на веб-странице
12
Оглавление
Часть 4. CSS для продвинутыхГлава 16. CSS для распечатываемых веб-страницГлава 17. Совершенствуем навыки работы с CSSПриложенияПриложение 1. Справочник свойств CSSПриложение 2. Информационные ресурсы, касающиеся CSS
Об авторе
Дэвид Сойер Макфарланд — президент Sawyer McFarland
Media, Inc., компании по обучению и разработке интернетприложений в Портленде, штат Орегон (США). Он создает сайты с 1995 года: именно тогда он создал свой первый проект — онлайн-журнал для специалистов в области коммуникаций. Он работал веб-мастером в Калифорнийском университете в Беркли и в Центре мультимедийных исследований
Беркли (Berkeley Multimedia Research Center), а также участвовал в проектировании и создании огромного количества сайтов для всевозможных клиентов, включая Macworld.com.
Кроме всего прочего, Дэвид является писателем, тренером и инструктором. Он преподавал веб-дизайн в Высшей школе журналистики в Беркли, Центре электронного искусства (Electronic Art), Колледже искусств, Центре новой прессы и Государственном университете Портленда. Дэвид написал статьи о Сети для журналов Practical Web Design, MX Developer's Journal и Macworld, а также для портала
CreativePro.com.
С Дэвидом вы можете связаться по электронной почте: missing@sawmac.com
(если же вам нужна техническая помощь, то обращайтесь к ресурсам, указанным в приложении 2).
О творческой команде
Нэн Барбер (редактор) начала работать с серией Missing Manual еще в прошлом веке.
Живет в Массачусетсе вместе со своим мужем. Ее электронный адрес: nanbarber@
oreilly.com
Холли Байер (выпускающий редактор) живет в Старом Кембридже, штат
Массачусетс, любит готовить, мастерить разные вешицы и увлекается современным дизайном в духе середины прошлого столетия. Ее электронный адрес: holly@oreil ly.com
Нэнси Рэйнхарт (корректор) живет на Среднем Западе, проводя летние выходные на озере, плавая на лодке, купаясь и жадно читая книги. Нэн не только внештатный литературный редактор и корректор, но и автор любовных романов. С ее работами можно ознакомиться на сайте www.nanreinhardt.com
. Ее электронный адрес: nanleigh1@gmail.com
Дэниел Дж. Куинн (технический редактор) внештатный веб-дизайнер, имеющий веб-сайт
DQuinn.net
. Последние пять лет работал старшим специалистом по пользовательскому интерфейсу в отмеченном разными наградами агентстве по созданию цифровых продуктов Genuine Interactive. Специализировался на WordPress и стратегии контента для таких брендов, как Sam Adams, MassMutual и Children's
Hospital Boston. В настоящее время Дэниел работает веб-разработчиком в отделе цифровых коммуникаций Гарвардского университета. Он периодически сотрудничает с командой местных дизайнеров. Его электронный адрес: daniel@dquinn.net
Джейсон Арнольд (технический редактор) живет в Санта Роза, Калифорния с женой и тремя дочерьми. Работает техническим специалистом по телеметрическим системам в районной больнице Хелдсбурга и учит детей кэмпо-карате. В настоящее время он занят получением ученой степени в профессиональном колледже в Санта Роза. Свободное время он посвящает кэмпо-карате со своими дочерьми и всегда готов работать над дополнительными техническими проектами.
Благодарности
Большое спасибо всем, кто помогал в работе над этой книгой, включая моих студентов, которые всегда оценивали технические издания с позиции новичков. Благодарю своих технических редакторов, Дэниела Куинна и Джейсона Арнольда, которые предостерегли меня от досадных ошибок, а также Зое Гилленуотер за ее бесценный вклад в первое издание книги. Кроме того, мы все в долгу перед вебдизайнерами, которые стали новаторами, творчески используя CSS, и которые поделились своими наработками в сообществе, посвященном веб-дизайну.
Наконец, спасибо Дэвиду Погу, чей неувядающий энтузиазм и выносливость ободряли меня; Нэн Барбер — за очистку моих рукописей и прочую помощь в написании этой книги; моей жене Сколле — за любовь и поддержку; моему сыну
Грэхему, который убеждал меня в том, что я закончу эту книгу гораздо быстрее, если в каждой главе буду писать «Тра-ля-ля!»; моей чудесной дочке Кейт, чья улыбка всегда меня воодушевляла, и всей моей семье: маме, Дугу, Мари, Дэвиду,
Марисе, Тессе, Филис, Лес, Дел, Патриции и Майку.
Введение
Каскадные таблицы стилей, или Cascading Style Sheets (CSS), обеспечивают творческую свободу в разметке и дизайне веб-страниц. Пользуясь CSS, вы сможете украсить текст страниц привлекательными заголовками, буквицами, рамками, как в красочных глянцевых журналах. Можно точно разместить и позиционировать изображения, создать столбцы и баннеры, выделить ссылки динамическими эффектами. Кроме того, можно добиться постепенного появления и исчезновения элементов, перемещения объектов по странице или медленного изменения цвета кнопки при прохождении над ней указателя мыши.
Вы думаете, что все это довольно сложно? Напротив! Каскадные таблицы стилей как раз и предназначены для упрощения процесса оформления веб-страниц.
Следующие несколько страниц будут посвящены основам CSS, а при изучении гл. 1 вы перейдете к непосредственной работе по созданию веб-страниц, улучшенных с помощью CSS.
Как работает CSS
CSS работает с HTML, но не имеет к HTML никакого отношения. Это совершенно другой язык. HTML структурирует документ, упорядочивая информацию в заголовки, абзацы, маркированные списки и т. д., в то время как CSS тесно взаимодействует с браузером, чтобы оформление HTML-документа имело совершенный вид.
Например, вы могли бы использовать HTML, чтобы превратить фразу в заголовок, отделяя его от содержания страницы, но лучше применять CSS для форматирования заголовка, скажем, большим полужирным красным шрифтом с позиционированием на 50 пикселов от левого края окна. В CSS это форматирование текста включает в себя стиль — правило, описывающее внешний вид конкретной части веб-страницы. А таблица стилей (style sheet) является набором таких стилей.
Можно также создавать стили специально для работы с изображениями. Например, с помощью стилей можно выровнять изображение по правому краю вебстраницы, поместить его в цветную рамку, отделить от окружающего текста на
50 пикселов.
Создав стиль один раз, можно применять его к текстовым фрагментам, изображениям, заголовкам и любым другим элементам страницы сколько угодно. Например, вы можете выбрать абзац текста и применить к нему стиль, тут же изменяющий размер, цвет и шрифт текста. Можно также сделать стили для определенных
HTML-тегов так, чтобы, например, все заголовки первого уровня (теги
) на вашем сайте были отображены в одинаковом стиле, независимо от того, где они размещены.
Введение
17
Преимущества CSS
До появления CSS дизайнеры веб-страниц были ограничены возможностями разметки и оформления языка HTML. И если вы занимались серфингом в Интернете в 1995 году, то уясните разницу в возможностях CSS и HTML. Читая дальше эту книгу, вы поймете, что HTML все еще является основой создания страниц в Сети, но это отнюдь не средство формирования их дизайна. Безусловно, HTML обеспечивает простейшее форматирование текста, изображений, таблиц и других элементов страниц, и оформитель может придать им прекрасный внешний вид. Как правило, в результате веб-страницы получаются громоздкими и медленно загружаются.
Таблицы стилей CSS, напротив, имеют следующие преимущества.

Больше возможностей форматирования, нежели в HTML. В CSS вы можете форматировать абзацы по мере их появления в тексте (например, с абзацным отступом и с произвольным интервалом между абзацами) и изменять межстрочный интервал (расстояние между двумя соседними строками текста в абзаце).

При использовании CSS вы решаете, каким образом добавить фоновое изображение на страницу. Оно может отображаться в виде неперекрывающейся мозаики, повторяться и т. д.

Еще более значимо то, что стили CSS занимают намного меньше места, чем форматирующие команды HTML. Например, тег
. Применяя CSS, вы можете уменьшить размер веб-страниц. В результате они будут стильно выглядеть и быстрее загружаться.

Стилевые таблицы также облегчают обновление сайта. Можно собрать все стили в единственный внешний файл и связать его со всеми страницами сайта. Когда вы редактируете стиль, изменения моментально затрагивают все элементы страниц сайта, где есть ссылка на описанный в таблице стиль. Вы можете полностью изменить внешний вид путем редактирования единственного файла таблицы стилей.
Что необходимо знать
Эта книга предполагает, что вы уже знакомы с языком HTML (и, возможно, имеете небольшой опыт работы с CSS). Подразумевается, что вы создали пару сайтов
(или по крайней мере несколько веб-страниц) и знакомы с основными тегами, такими как

,
,
  1   2   3   4   5   6   7   8   9   ...   62

перейти в каталог файлов
связь с админом