Како створити једноставну ЦСС таблицу стилова помоћу Нотепада

Садржај

Кораци
Савјети
Ствари које ће вам требати

Бележница је један од уређивача текста који се може користити за креирање ЦСС (Цасцадинг Стиле Схеет) документа. Након што креирате ЦСС датотеку у Бележници, можете да је повежете са веб страницом тако да се садржај веб странице може форматирати помоћу вашег стила.

Кораци

1 Отворите програм Нотепад.
2Копирајте следећи код:

@цхарсет "утф-8"; / * ЦСС документ * // * Дефинишите боју елемента тела * / боди {бацкгроунд: # ФФФФФФ;} / * Овај одељак је за везе * / а: линк { фонт-веигхт: нормал; боја: Морнарица} а: посећено {фонт-веигхт: нормал; боја: Зелена;} а: ховер {фонт-веигхт: болд; боја црвена; фонт-вариант: смалл-цапс;} / * Овај одељак је за одељак пасуса * / п {фонт-стиле: италиц; фонт-сизе: 18пк;} плава {цолор: # 0000ФФ;} / * Овај одељак је за црну ивицу слике. * / имг {бордер-цолор: # 000000; бордура: дебела; рубни стил: гребен;}

# Залепите код из „Корака 2“ у Бележницу.

1 Сачувајте датотеку у Бележници. Сачувајте је под именом "СимплеЦСС.цсс" кликом на дугме "Датотека" и избором команде "Сачувај". Након што притиснете дугме "Сачувај", приказаће се дијалошки оквир "Сачувај као".
2 Именујте своју ЦСС датотеку. Унесите „СимплеЦСС.цсс“ или било које име у текстуално поље „Назив датотеке“ са наставком „.цсс“.
3 Кликните на дугме "Сачувај".
4 Готово је!

Савјети

Сачувајте Нотепад датотеку само као текст (понекад је можете назвати текстуалним документом или АСЦИИ) и дати јој екстензију ".цсс".
Код који смо овде написали је само пример који вам показује како да креирате основну ЦСС датотеку користећи Нотепад за манипулисање његовим ХТМЛ елементима на нашој огледној веб страници приказаној у одељку Увод. Међутим, можете променити наше ЦСС кодирање како желите да форматирате стилове и изглед веб страница.
Не заборавите да сачувани ЦСС документ поставите у исту фасциклу као и ваши ХТМЛ документи у којима сте креирали своје веб странице.
Након што креирате свој ЦСС документ, можда ћете морати да предузмете следећи корак; односно повезати документ и веб страницу. Да бисте то урадили, погледајте повезане чланке.