Як створити СSS

Каскадна таблиця стилів (CSS) це система для верстки веб-сайтів, яка дозволяє дизайнерам маніпулювати декількома функціями відразу, збираючи деякі елементи в групи. Наприклад, використовуючи код для фону сайту, дизайнери можуть змінити колір або зображення на всіх сторінках веб-сайту однією зміною у файлі CSS. Ось як створити CSS для базового веб-сайту

Кроки

1. 

   1

   Відкрийте Блокнот в Microsoft Windows, знайшовши його в списку встановлених програм або натиснувши кнопку Пуск, надрукувавши "Блокнот" в поле пошуку і натиснувши "Enter."

2. 

   2

   Клікніть "Файл" і "Зберегти як" на головній панелі інструментів.

3. 

   3

   Введіть коротке ім`я файлу у відповідне поле вікна Зберегти як, з роздільною здатністю ".css "і виберіть" Всі файли "як тип.
   • Файл CSS має бути безпосередньо пов`язане з веб-сайтом для того, щоб призначити правила стилю. Наприклад, якщо ваш сайт називається createcss.com, використовуйте "createcss.css" як ім`я CSS файлу.

4. 

   4

   Відкрийте файл index.HTML в Блокноті.







5. 

   5

   Введіть наступний код перед закриває тегом "/ head": .
   • Це показує вашої веб-сторінці де шукати правила CSS для цього веб-сайту.

6. 6

   Оголосіть CSS елементи у вашій веб-сторінці, в HTML файлах, які будуть використовувати CSS для визначення їх стилю і вигляду.
   • CSS елемент , використовуються для створення секцій- використовується для створення абзацу, а - для створення великих заголовків.

     

   • Ви можете створити CSS визначення для стилю шрифту та розміру абзаців з текстом, заголовків, фонове зображення або колір чогось завгодно, що розташоване між початком і кінцем тега DIV.

     





7. 7

   Опишіть ваші елементи CSS у файлі "createcss.css ", після кожного ставлячи фігурні дужки, що містять правила," {} ".
   • Правила стилів CSS складаються з властивостей і їх значень-властивість визначає що буде змінюватися, наприклад кольору фону. Значення визначається назвою або числовим представленням кольору. Синтаксис наступний: {властивість: значення-}, з двокрапкою, крапками з комою і дужками, як показано.

     

   • Якщо ви вирішили зробити колір фону всіх сторінок вашого веб-сайту синім, наприклад, можна ввести "page {background-color: blue-}."

     

8. 8

   Додайте відмінності за допомогою ID або CLASS.
   • Перед ID ставиться "#," а перед CLASS - крапка.

     

   • Якщо ви хочете, щоб нижній колонтитул вашої веб-сторінки мав власний вигляд, створіть тег з ID "FOOTER" в HTML документі, надрукувавши на початку секції. Закрийте розділ за допомогою закриває тега .

     

   • У файлі "createcss.css" створіть правило для ID, надрукувавши #FOOTER {font-size: x-small-}. Це зробить весь текст в нижньому колонтитулі дуже маленьким.

     

Поради

• Існує безліч різних властивостей, якими можна управляти в CSS. Знайдіть сайт зі стилем, який вам подобається і подивіться вихідний файл. Якщо вгорі в тезі HEAD є назва файлу CSS, ви можете натиснути на його, щоб побачити різні властивості і значення, присвоєні елементам.

Попередження

• Безпосереднє копіювання HTML і CSS кодів може допомогти в навчанні, але ви повинні використовувати власні ідеї для стилю. Використання чужого дизайну є крадіжкою і плагіатом.