>> СПИКЕР: Получается, что 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.
И у нас это есть, еще приятнее Домашняя страница для Джона Гарварда.