Как да създадете проста таблица със стилове на CSS с помощта на Notepad

Съдържание

Стъпки
Съвети
Нещата, от които се нуждаете

Notepad е един от текстовите редактори, който може да се използва за създаване на документ с каскадна таблица със стилове (CSS). След като създадете CSS файл в Notepad, можете да свържете този файл с уеб страница, така че съдържанието на уеб страницата да може да бъде форматирано с вашата таблица със стилове.

Стъпки

1 Отворете програмата Notepad.
2Копирайте следния код:

@charset "utf-8"; / * CSS документ * // * Определете цвета на елемента на тялото * / body {фон: # FFFFFF;} / * Този раздел е за връзки * / a: връзка { тегло на шрифта: нормално; цвят: флот} a: посетен {font-weight: normal; цвят: Зелен;} a: hover {font-weight: bold; цвят: червен; font-variant: small-caps;} / * Този раздел е за раздел абзац * / p {font-style: italic; font-size: 18px;} синьо {цвят: # 0000FF;} / * Този раздел е за черна рамка на изображението. * / img {border-color: # 000000; бордюр: дебел; бордюрен стил: хребет;}

# Поставете кода от „Стъпка 2“ в Notepad.

1 Запазете файла в Notepad. Запишете го под името "SimpleCSS.css", като щракнете върху бутона "Файл" и изберете командата "Запазване". След като щракнете върху бутона „Запазване“, ще се покаже диалоговият прозорец „Запазване като“.
2 Дайте име на вашия CSS файл. Въведете „SimpleCSS.css“ или произволно име в текстовото поле „Име на файл“ с разширение „.css“.
3 Щракнете върху бутона „Запазване“.
4 Това е направено!

Съвети

Запазете файла Notepad само като текст (понякога може да го наречете Text Document или ASCII) и му дадете разширението „.css“.
Кодът, който написахме тук, е само пример, който ви показва как да създадете основен CSS файл, използвайки Notepad, за да манипулирате неговите HTML елементи в нашата примерна уеб страница, показана в раздела Въведение. Можете обаче да промените нашето CSS кодиране, как искате да форматирате стиловете и външния вид на уеб страниците.
Не забравяйте да поставите записания CSS документ в същата папка като вашите HTML документи, където сте създали вашите уеб страници.
След като създадете своя CSS документ, може да се наложи да предприемете следващата стъпка; тоест, свържете документ и уеб страница. Моля, вижте свързаните статии, за да направите това.