Kā izveidot vienkāršu CSS stilu lapu, izmantojot Notepad

Saturs

Soļi
Padomi
Lietas, kas jums būs nepieciešamas

Notepad ir viens no teksta redaktoriem, ko var izmantot, lai izveidotu kaskādes stila lapas (CSS) dokumentu. Pēc CSS faila izveides Notepad varat saistīt šo failu ar tīmekļa lapu, lai tīmekļa lapas saturu varētu formatēt ar jūsu stilu lapu.

Soļi

1 Atveriet programmu Notepad.
2Kopējiet šādu kodu:

@charset "utf-8"; / * CSS dokuments * // * Definējiet pamatelementa krāsu * / body {background: # FFFFFF;} / * Šī sadaļa ir paredzēta saitēm * / a: link { fonta svars: normāls; krāsa: Navy} a: apmeklēja {font-weight: normal; krāsa: zaļa;} a: virziet kursoru {font-weight: bold; krāsa: sarkana; font-variant: small-caps;} / * Šī sadaļa ir paredzēta rindkopu sadaļai * / p {font-style: italic; font-size: 18px;} zils {color: # 0000FF;} / * Šī sadaļa ir paredzēta attēla melnajai apmalei. * / img {border-color: # 000000; robeža: bieza; robežas stils: grēda;}

# Ielīmējiet kodu no 2. darbības Notepad.

1 Saglabājiet failu Notepad. Saglabājiet to ar nosaukumu "SimpleCSS.css", noklikšķinot uz pogas "Fails" un izvēloties komandu "Saglabāt". Pēc noklikšķināšanas uz pogas "Saglabāt" tiks parādīts dialoglodziņš "Saglabāt kā".
2 Nosauciet savu CSS failu. Ievadiet "SimpleCSS.css" vai jebkuru nosaukumu tekstlodziņā "Faila nosaukums" ar paplašinājumu ".css".
3 Noklikšķiniet uz pogas "Saglabāt".
4 Tas ir izdarīts!

Padomi

Saglabājiet Notepad failu kā tikai tekstu (dažreiz to varat saukt par teksta dokumentu vai ASCII) un piešķiriet tam paplašinājumu ".css".
Kods, ko mēs šeit rakstījām, ir tikai piemērs, lai parādītu, kā izveidot CSS pamata failu, izmantojot Notepad, lai manipulētu ar tā HTML elementiem mūsu tīmekļa lapas paraugā, kas parādīts sadaļā Ievads. Tomēr jūs varat mainīt mūsu CSS kodējumu, kā vēlaties formatēt tīmekļa lapu stilu un izskatu.
Neaizmirstiet ievietot saglabāto CSS dokumentu tajā pašā mapē kā HTML dokumenti, kurā izveidojāt savas tīmekļa lapas.
Pēc CSS dokumenta izveides jums, iespējams, būs jāveic nākamā darbība; tas ir, saistiet dokumentu un tīmekļa lapu. Lai to izdarītu, lūdzu, skatiet saistītos rakstus.