Како да креирате едноставна табела за стил на css со notepad

Notepad - еден од текстуалните уредници кои можат да се искористат за да се создаде документ за каскадни стил (CSS). Откако ќе креирате CSS датотека во Notepad, можете да ја поврзете оваа датотека со веб-страница, така што содржината на веб-страницата може да го форматира со вашиот стилски лист.

Чекори

  1. Сликата со наслов Креирај едноставен CSS StyleSheet користејќи го Notepad Step 1
Еден. Отворете ја програмата Notepad.
  • 2. Копирајте го следниов код:
  • @charset "UTF-8" - / * CSS документ * // * Дефинирајте го бојата на елементот на телото * / Тело {Позадина: # FFFFFF -} / * Овој дел е за линкови * / A: Link {FONT-TERGE: Нормално- Боја: Морнарица} А: Посетено { Дел * / P {FONT-STYLE: ITALIC-FONT-SIZE: 18PX-} Сина {Боја: # 0000ff -} / * Овој дел е за црната граница на сликата.* / IMG {граница-боја: # 000000- граница: дебел стил: Риџ-}

    # Вметнете го кодот од "Чекор 2" во Notepad.

    Сликата со наслов Креирај едноставен CSS стилски лист со користење на Notepad Step 2
    1. Сликата со наслов Креирај едноставен CSS StyleSheet користејќи го Notepad Чекор 3
      Еден. Зачувајте ја датотеката во Notepad. Зачувај го под името "Simplecss.CSS "со кликнување на копчето" Датотека "и избирање на командата" Зачувај ". По притискање на копчето "Зачувај", ќе се појави дијалогот "Save As".
    2. Сликата со наслов Креирај едноставен CSS стилски лист со користење на Notepad Чекор 4
      2. Име yourcss датотека. Внесете "Simplecss.CSS "или било кое име во полето за текст" Име на датотеката "со продолжување".CSS ".
    3. Сликата со наслов Креирај едноставен CSS Stylesheet со користење на Notepad Чекор 5
      3. Кликнете "Зачувај".
    4. Сликата со наслов Креирај едноставен CSS стилски лист со користење на Notepad Чекор 6
      Четири. Тоа е направено!

    Совети

    • Зачувајте ја датотеката со бележник како само текст (понекогаш може да се нарече текстуален документ или ASCII) и да му даде продолжување ".CSS ".
    • Кодот што го напишавме тука е само пример за да ви покажеме како да креирате FSS основна датотека користејќи Notepad за да ги контролирате вашите HTML елементи во нашиот пример на веб-страница прикажана во делот за воведување. Меѓутоа, можете да го промените CACSS кодирањето, како сакате да ги форматирате стиловите и видот на веб-страниците.
    • Не заборавајте да поставите зачувани CSS документ во истата папка како вашите HTML документи каде што сте создале веб-страници.
    • Откако ќе го креирате создаде документот CSS, можеби ќе треба да го направите следниот чекор - постои, за поврзување на документ и веб-страници. Ве молиме проверете го субјективниот предмет на ова прашање за да го направите ова.

    Работи што ќе ви бидат потребни

    • Компјутер
    • Програма за Notepad
    • Интернет прелистувач
    Слични публикации