Как создать сss (с иллюстрациями)

CSS е јазикот на стилски табели со кои можете да креирате веб-страници и истовремено контролирате повеќе функции, доделувајќи групи на одредени елементи. На пример, со користење на кодот за боја, дизајнерот може да ја промени бојата на позадината на сите страници на страницата со изработка на една промена во CSS кодот.

Чекори

Дел 1 од 4:

Како да напишете вграден CSS код

Еден. Проверете ги HTML таговите. Треба да знаете како функционираат ознаките и атрибутите СРЦ и href.

2. Истражуваат некои од Главните својства на CSS. Постојат многу својства, но не се сеќавам на сè.

Запомни ги следниве клучни својства CSS: Боја и Фонт-семејство.

3. Испитајте ги вредностите на соодветните својства. За секој имот укажува на вредноста. На пример, за својства Боја Можете да ја одредите вредноста црвено.

Четири. Проверете го атрибутот на HTML Стил. Се користи во внатрешноста на елементот href или СРЦ. За да го користите наведениот атрибут, во цитати по знакот за еднаквост, внесете го атрибутот на CSS, дебелото црево, а потоа и вредноста на имотот. Ова се нарекува CSS правило.

Пет. Ве молиме имајте предвид дека професионалните веб програмери обично не го користат вградениот CSS код за да креираат сајтови. Вградениот CSS код може да го наруши интегритетот на HTML кодот. Сепак, ова е одличен начин да се запознаат со темелите на функционирањето на CSS.

Дел 2 од 4:

Како да напишете едноставен CSS код

Еден. Стартувај ја програмата во која можете да креирате HTML и CSS датотеки.

Ако не постои посебна програма, користете бележник или друг уредувач на текст. Едноставно зачувајте ја датотеката како текстуална датотека и CSS датотека.

2. Отвори HTML код. Направете го тоа во HTML уредник (ако е).

Во уредувачот на HTML можете да работите со HTML код и со CSS код.

3. Креирај ознака INHTML ознака . Во овој случај, CSS кодот може да биде напишан без потреба да се создаде посебна датотека.

Четири. Изберете го објектот на кој сакате да додадете стил. Сега внесете го името на елементот и кадрава загради ({ }). За да го направите кодот повеќе разбирлив, вториот кадрава заграда секогаш влегува на новата линија.

Пет. Внатре во загради Внесете го правилото CSS како да сте користеле атрибут Стил. Секоја низа мора да заврши со точка-запирка (-). За да го направите кодот е скршен, секое правило е внесено на посебна линија, и секоја линија мора да има алинеја.

Ве молиме имајте предвид дека овој стил ќе влијае на сите елементи на избраниот тип на страницата. Посебен стил ќе биде разгледан во следниот дел.

Дел 3 од 4:

Како да напишете покомплексен CSS код

Еден. Направете CSS датотека (а не HTML-датотека) и зачувајте ја со продолжување .CSS. Исто така отворете HTML-датотека.

2. Креирај ознака INHTML ознака . Значи, ќе поврзете посебна CSS датотека со HTML-датотека. За ознака Потребни се три атрибути: Rel, Тип и href.

Rel Го одредува прелистувачот како да се третира HTML-датотеката. Овде овој атрибут треба да биде важен Stylesheet.

Тип Извештаи до кој тип на медиуми се однесува на. Овде овој атрибут треба да биде важен Текст / CSS

href Овде се користи на ист начин како во елементот , Но, тука овој атрибут мора да се однесува на датотеката CSS. Ако датотеката CSS е во една папка со HTML-датотека, наведете го името на датотеката во цитати.

3. Изберете ги предметите од различни типови на кои сакате да додадете еден стил. Додај атрибут Класа на такви елементи и изедначуваат со името на избраната класа. Во овој случај, елементите ќе бидат истиот стил.

Четири. Наведете кој стил ќе добие класа. Во датотеката CSS, внесете го името на класата по поентата ., Тоа е, па: .Класа.

Пет. Изберете поединечни ставки на кои сакате да додадете посебен стил и додадете атрибут ID. Идентификаторите на CSS се создаваат со помош на симбол #, не е точка.

Идентификаторите се поспецифични од класите, така што идентификаторот го надминува секој стилски стил ако има атрибут со вредност различна од класата вредност.

Дел 4 од 4:

Како да научите CSS и HTML

Еден. Отворен сајт HTML академија. На тоа можете да ги научите основите на веб развој.

2. Најдете други сајтови специјално дизајнирани да истражуваат HTML и CSS.Побарајте авторитетни извори за да го зголемите вашето знаење.

3. Комуницирајте со веб-дизајнери и програмери. Нивното искуство ќе ви помогне да го совладате вредните знаења и вештини.

Четири. Погледнете ги изворните кодови на сајтовите што ги отворате. Погледнете CSS кодови направени веб-сајтови ви дозволуваат да се запознаете со методите за развој на делови од веб-страниците. Копирајте го кодот и потоа уредувајте го за да научите како да користите различни атрибути на CSS.

Совети

Постојат многу различни својства кои можат да се манипулираат со користење на CSS. Најдете веб-сајт што ја сакате и да ја видите неговата изворна датотека. Ако внатрешните ознаки за глава имаат име на датотека на CSS, кликнете на него за да ги видите разните својства и вредности доделени на предмети.

Предупредувања

Копирањето на HTML и CSS кодовите ќе ви помогнат во обуката, но мора да ги користите сопствените дизајнерски идеи. Користење на некој друг дизајн е кражба и плагијат.