СПИКЕР: Получается, что HTML не единственный язык, который вы можете использовать внутри веб-страницы. Вы можете использовать то, что называется CSS, или Каскадные таблицы стилей, а также. CSS позволяет задать гораздо больше именно эстетика Сети страницы, в том числе планировки и размеров и цвета и шрифты и многое другое. Например, давайте создавать веб-страницы здесь называется css0, что представляет собой Домашняя страница для, скажем, Джона Гарварда. 

На этой странице мы будем иметь Джон Гарварда имя, под которым будет хороший сообщение для своих посетителей, под который будет подвал, с говорят, некоторые сведения об авторских правах. Чтобы сделать это, давайте определим три подразделения для страницы с помощью тега называется дел. Открыть кронштейн дел, Джон Гарвард, недалеко Кронштейн дел, еще один открытый кронштейн дел, и теперь мы будем указать что-то как, добро пожаловать на мою страничку! И давайте закроем эту DIV, а также. 

И теперь третий и последний дел, авторское право. Просто быть фантазии, позвольте мне использовать сейчас в HTML лицо, символ, который представляет символ, который вы не могли иначе печатать на клавиатуре. В частности, я собираюсь сделать амперсанд, фунт, 169, точка с запятой. Оказывается, что это цифровой код для символа авторского права. Тогда давайте уточним Джон Гарвард здесь в нижней части. Закроем DIV и сохраните файл. 

Теперь, что же это за дел тег? Дел тег просто определяет деление страницы, который является по существу прямоугольная область. Так что в этот момент времени, у меня есть три прямоугольные области, один на вершине от другого. Так что на данный эффект почти как хотя я должен был три абзаца. Но мы не увидим в той же степени пробелы между ними. 

Давайте сохранить этот файл, изменить его разрешения, и взглянуть на момент в Chrome. Chmod + R CSS0.html. Давайте теперь открыть Chrome и визит http://localhost.CSS0.html. В самом деле, вот домашняя страница Джона Гарварда. Давайте теперь стилизовать его немного больше Именно с помощью некоторых CSS. 

Вернуться в Gedit, давайте войдем в этот Первый дел теги и добавить стиль атрибутов уточнив, что я хотел бы размер шрифта, скажем, 36 пикселей, или пикс. И я хотел бы вес этого шрифта быть смелым, а не по умолчанию, который является нормальным. Для второго DIV, давайте уточним другой атрибут стиля, который имеет Размер шрифта 24 пикселей, так что немного меньше. Закрыть котировки после запятой. 

Наконец, в этом третьем DIV, давайте сделаем стиль равна размер цитаты, шрифт, и скажем 12 пикселей на этот раз. Закрыть цитата после запятой. Обратите внимание, то, что я, кажется, указано немного стилизации для каждый из этих трех DIVs с использованием, Оказывается, CSS. На самом деле, синтаксис, что вы видите в между этими двойные кавычки является CSS, специально CSS свойства со значениями. И по этой первого тега, где я имел две такие свойства, размер шрифта и вес шрифта, я просто отделена их точкой с запятой. 

Теперь, просто ради стиля, я также включены Точка с запятой в конец каждой строки. Но они не обязательно, особенно когда у вас есть только один свойство, определяемое. Давайте теперь сохраните файл и перезагрузите в Chrome, и посмотреть, что чистый эффект. Вернуться в Chrome здесь, давайте нажмите Обновить. 

Теперь у нас есть немного более интересный Домашняя страница для Иоанна Гарвард, в результате чего первая линия с его имя, которое находится внутри, что Первый дел, составляет 36 пикселей в высоту, а также полужирный, причем вторая строка, который в этом втором DIV, 24 пикселей в высоту, но не жирным шрифтом. И при этом третья строка в этом треть дел составляет 12 пикселей в высоту, а также не жирным шрифтом. Но предположим, что теперь я хотел бы перейти весь этот текст над таким образом, что она по центру. 

Я мог выровнять каждый из личности дивы как по центру. Но легче, я мог обернуть тех, три дивы внутри четвертого DIV, родитель дел, так сказать, и укажите что, что дел и все его потомки должны быть Текст выравнивается центр? Давайте взглянем. 

Внутри Gedit, давайте вернемся к моему тело и добавить новый DIV наверху с дел, стиль равна цитатой конец цитаты Текст по центру, близко цитирую после запятой. А теперь, давайте идти вперед и отступ все из тех линий, которые мы ввели раньше. И ниже этой третьей DIV, давайте закрыть эту новую DIV. 

Другими словами, так как эти три оригинальные дивы теперь дети, так говорить, нового родительского DIV и у меня есть указано, что я хотел бы, чтобы выровнять Текст этого родительского сНу в центре страницы, что имущество будет наследуются все из этих детей. В самом деле, давайте сохраните файл и взглянуть в браузере. Давайте перезагрузить в Chrome. И у нас это есть, еще приятнее Домашняя страница для Джона Гарварда.