>> Воведничар: Излезе дека HTML не е единствениот јазик можете да го користите во
на веб-страница.
Можете да го користите нешто што се нарекува CSS, или Cascading Style Sheets, како и.
CSS ви овозможува да одредите многу повеќе токму на естетиката на веб
страница, вклучувајќи распоред и големини и бои и фонтови и многу повеќе.
На пример, ајде да се создаде веб-страница тука се нарекува CSS0 што претставува
Главна страница за, да речеме, Џон Харвард.
>> На оваа страница, ќе имаме Џон Харвард име, под која ќе биде
убава порака за неговите посетители, под кој ќе биде подножјето, со
велат, некои информации за авторските права.
Да го направите ова, ајде да го дефинираме три дивизии за страница со користење на тагот
наречен div.
Отворена заграда div, Џон Харвард, во близина заградата div, друг отворен заградата div,
и сега ние ќе се определи нешто како, добредојде на мојот дом страница!
И ајде да го затвориме ова div, како и.
>> И сега по трет и последен div, авторските права.
Само за да биде фенси, дозволете ми да го користите сега на HTML лице, симбол кој претставува
карактер што не може да биде поинаку тип на вашата тастатура.
Особено, јас ќе одам да направите симболот, фунтата, 169, точка-запирка.
Излегува дека е нумерички код за авторското право симбол.
Тогаш ајде да наведете Џон Харвард тука на дното.
Ајде да се затвори div и ја зачувам датотеката.
>> Сега, што е ова div таг?
Div таг едноставно дефинира поделба на страница, која е во суштина
правоаголни регионот.
Па во овој момент во времето, јас имам три правоаголни региони, еден на врвот
на други.
Па за сега, ефектот е речиси како иако имав три параграфи.
Но, ние нема да видите толку многу бел простор меѓу нив.
>> Ајде да се спаси оваа датотека, промени својот дозволи, и да погледнам за
момент во Хром.
Chmod a + r CSS0.html.
Ајде сега се отвори Chrome и посета http://localhost.CSS0.html.
Всушност, тука е почетна страница за Џон Харвард.
Ајде сега тоа стилизирам малку повеќе токму користење на некои CSS.
>> Назад во gedit, ајде да одиме во оваа прва div таг и додадете стил
атрибут специфицира дека би сакал еден големина на фонт, да речеме, 36 пиксели, или пиксели.
И јас би сакал тежината на овој фонт да се биде храбар наместо стандардната,
што е нормално.
За втората div, ајде да се определи друг стил атрибут кој има
големина на фонт од 24 пиксели, па малку помали.
Затвори цитати по точка-запирка.
>> И на крај, во оваа трета div, ајде да направиме стил еднаква големина понуда, фонт, и
да речеме 12 пиксели тоа време.
Затвори цитат по точка-запирка.
Забележите тогаш дека Јас се чини дека имаат одреден малку на стилизација за
секоја од овие три divs користење, Излегува CSS.
Всушност, синтаксата што го гледате во помеѓу оние двојни наводници е CSS,
специјално CSS особини со вредности.
И за таа првата таг, каде што имав два такви својства, големина на фонтот и
фонт тежина, јас едноставно одделени ги со точка-запирка.
>> Сега, само за доброто стил, јас исто така се вклучени и запирки при
на крајот на секој ред.
Но тие не се строго неопходни, особено кога имаш само еден
имотот дефинирани.
Ајде сега да ја зачувам датотеката и повторно во Хром, и да видиме што
нето ефектот е.
Назад во Хром тука, ајде да кликнете Reload.
>> Сега имаме малку поинтересна Главна страница за Џон
Харвард, при што првата линија со неговото име, кое е и во тоа
прва div, е 36 пиксели висока, а исто така болдирање, при што втората линија,
кој е со тоа, што вториот div, е 24 пиксели висока, но не болдирање.
И при што на третата линија со тоа, што третиот div е 12 пиксели висока, а исто така
не болдирање.
Но, претпоставувам сега би сакал да се префрлат сите на овој текст преку
како што тоа е центрирано.
>> Јас би можеле да се усогласат на секоја од поединечните Divs како се центрирани.
Но полесно, би можел да заврши оние три divs внатрешноста на четвртиот div, е
родител div, така да се каже, и да го одредите дека div и сите негови
потомци треба да биде текст подредени центар?
Ајде да ги разгледаме.
>> Внатрешноста на gedit, да се вратиме на мојот тело и додадете нов div до врвот со
div, стил еднаква цитат unquote текст усогласување центар, во близина
цитирам по точка-запирка.
И сега, ајде да одиме напред и да алинеја сите на оние линии кои ги пишувавме порано.
И под тоа трето div, ајде да затвори оваа нова div.
>> Со други зборови, бидејќи тие три оригинални Divs се сега деца, така да
зборуваат, на нов родител div и јас сум наведува дека би сакал да се усогласат
текстот на тој родител div во центарот на страница, на тој имот ќе биде
наследен од страна на сите оние деца.
Навистина, ајде да ја зачувам датотеката и погледнете во пребарувач.
Ајде да ја превчитате во Хром.
И ете што, уште поубаво имаат Главна страница за Џон Харвард.