Як створити просту таблицю стилів CSS за допомогою Notepad

Notepad - один з текстових редакторів, які можна використовувати для створення каскадної таблиці стилів (CSS) документа. Після створення файлу CSS в Notepad ви можете пов'язати цей файл з веб-сторінкою так, що зміст веб-сторінки може форматуватися вашої таблицею стилів.

Кроки

  1. Відкрийте програму Notepad.
  2. Скопіюйте наступний код:
@Charset "utf-8";/* CSS Document*//*Define the body element's color*/Body{Background: # FFFFFF;}/*This section is for links*/A:Link{Font-weight:Normal; Color:Navy}A:Visited{Font-weight:Normal; Color:Green;}A:Hover{Font-weight:Bold; Color: Red; Font-variant:Small-caps;}/*This section is for a paragraph section*/P {Font-style:Italic; Font-size:18Px;}Blue {Color:#0000FF;}/*This section is for the image's black border.*/Img {Border-color: #000000; Border:Thick; Border-style:Ridge;}

#вставте код з "Крок 2" в Notepad.

  1. Збережіть файл у Notepad. збережіть його під ім'ям " SimpleCSS.css", натиснувши кнопку " File "і вибравши команду"Save". Після натискання кнопки " Save "відобразиться діалогове вікно"Save As".
  2. Назвіть свій CSS-файл.введіть "SimpleCSS.css "або будь-яке ім'я в текстове поле "File Name " з розширенням".css".
  3. Натисніть кнопку "Save".
  4. Справу зроблено!

Поради

  • Зберігайте файл Notepad як Text Only (іноді його можна було б назвати text Document або ASCII) і дайте йому розширення ".css".
  • Код, який ми написали тут, є лише прикладом, щоб показати вам, як створити базовий файл CSS за допомогою Notepad для керування своїми елементами HTML у нашому прикладі веб-сторінки, що відображається в розділі Введення. Ви можете змінити наше CSS кодування, однак, як ви хочете відформатувати стилі і вид веб-сторінок.
  • Не забудьте розмістити збережений CSS-документ в тій же папці, що і Ваші HTML документи, де ви створили веб-сторінки.
  • Після того як ви створили створили CSS-документ, можливо, вам доведеться зробити наступний крок; тобто, зв'язати документ і веб-сторінки. Будь ласка, перегляньте відносяться до цього питання статті для того, щоб зробити це.

Things You’ll Need

  • Комп'ютер
  • програма Notepad
  • інтернет-браузер

Ще почитати: