>> SPEAKER: Оказва се, че HTML не е единственият език, можете да използвате вътре
на дадена уеб страница.
Можете да използвате нещо, наречено CSS, или Cascading Style Sheets, както добре.
CSS ви позволява да определите много повече точно естетиката на уеб
страницата, включително оформление и размери и цветове и шрифтове, и много повече.
Например, нека да се създаде уеб страница тук се нарича CSS0, която представлява
начална страница за, да речем, Джон Харвард.
>> На тази страница, ние ще имаме Джон Харвард име, под което ще бъде
приятно съобщение за посетителите си, под което ще бъде долното, с
се каже, някои информация за авторските права.
За да направите това, нека да се дефинира три дивизии за страницата, с помощта на тагове
наречен DIV.
Open скоба Разделения, Джон Харвард, в близост скоба Разделения, друг отворен скоба Div,
и сега ние ще се уточни нещо като, добре дошли в моята начална страница!
И нека да се затвори тази дивизия, както добре.
>> И сега е третата и последна Разделения, авторско право.
Само за да се фантазия, нека ме използва сега за HTML лице, символ, който представлява
герой, който иначе не бихте могли въведете от клавиатурата.
По-специално, аз отивам да правя амперсанд, паунд, 169, точка и запетая.
Оказа се, че е най-цифров код за символ на авторските права.
Тогава нека се уточни Джон Харвард тук в долната част.
Да затворите DIV и запишете файла.
>> Сега, какво е това Div маркер?
Маркерът Разделения просто определя подразделение на страницата, който е по същество
правоъгълна област.
Така че в този момент във времето, имам три правоъгълни региони, един на върха
от друга страна.
Така че за сега, ефектът е почти толкова въпреки че имаше три точки.
Но ние няма да видите толкова много празно пространство между тях.
>> Да спасим този файл, променете неговото разрешения, и да погледнем за
момент в Chrome.
CHMOD A + R CSS0.html.
Нека сега се отвори Chrome и посещение http://localhost.CSS0.html.
Всъщност, тук е начална страница Джон Харвард.
Нека сега го стилизирам малко повече Именно с помощта на някои CSS.
>> Обратно в Gedit, да вървим в този първият етикет Разделения и добавете стил
атрибут се уточнява, че бих искал големината на шрифта на, да речем, 36 пиксела, или PX.
И бих искал теглото на този шрифт да бъдем смели, а не по подразбиране,
което е нормално.
За втори DIV, нека да се уточни друг стил атрибут, който има
големината на шрифта на 24 пиксела, така че малко по-малък.
Намали кавички след запетаята.
>> На последно място, в тази трета дивизия, да го направим стил се равнява на размера на цитат, шрифт, и
да речем 12 пиксела и този път.
Close цитат след запетаята.
Забележете, след това, че аз изглежда да има определено малко стилизация за
всяка от тези три Divs използват, Оказва се, CSS.
В действителност, синтаксиса, който виждате между тези двойни кавички е CSS,
специално CSS свойства със стойности.
И за това първия етикет, където имах два такива имоти, размер на шрифта и
тегло на шрифта, аз просто разделени ги с точка и запетая.
>> Сега, само заради стила, аз Включени са също и точка и запетая в
в края на всеки ред.
Но те не са строго необходимо, особено когато имате само един
определено имущество.
Нека сега да запишете файла и се презарежда в Chrome, и да видим какво
нетният ефект е.
Обратно в Chrome тук, нека кликнете Reload.
>> Сега имаме малко по-интересна начална страница за John
Харвард, с което на първа линия с името му, което е вътре, че
първа дивизия, е 36 пиксела висок и също удебелен шрифт, при което вторият ред,
която е във втората Div е 24 пиксели висок, но не и с удебелен шрифт.
И при третия ред в третата Разделения е 12 пиксела висок и също
не удебелен шрифт.
Но предполагам, че сега бих искал да се смени всички от този текст върху
такава, че да е центриран.
>> Мога да приведе всяка от отделните ДСИ, че са центрирани.
Но по-лесно, може ли да приключи тези три Divs вътре в четвърта дивизия, а
Разделения родител, така да се каже, и да укажете , че Div и цялото му
потомци трябва да текст подравнен център?
Нека хвърлим един поглед.
>> Вътре на Gedit, нека се върнем към моя тялото и добавете нов Разделения до върха с
Разделения, стил равнява кавички текст приведе в съответствие център, в близост
цитирам след запетаята.
И сега, да вървим напред и тире всички на тези линии, които сме въвели преди.
И по-долу, че третата дивизия, нека затворите този нов DIV.
>> С други думи, тъй като тези три оригинални Divs сега са деца, така че да
се каже, на нов родител Разделения и аз съм уточни, че бих искал да се приведе
текст на този родител Разделения в центъра на страницата, че имотът ще бъде
наследява от всички тези деца.
Наистина, нека да запишете файла и да погледнем в браузър.
Нека да се презареди в Chrome.
И ние го, още по-хубаво да има начална страница на Джон Харвард.