Ինչպես ստեղծել պարզ CSS ոճաթերթ ՝ օգտագործելով Notepad

Հեղինակ: Clyde Lopez
Ստեղծման Ամսաթիվը: 20 Հուլիս 2021
Թարմացման Ամսաթիվը: 1 Հուլիս 2024
Anonim
Դաս 1. Ինչպես ստեղծել հեշտ և թեթև մենյու HTML/CSS-ով
Տեսանյութ: Դաս 1. Ինչպես ստեղծել հեշտ և թեթև մենյու HTML/CSS-ով

Բովանդակություն

Գրառման գրքույկը տեքստային խմբագիրներից մեկն է, որը կարող է օգտագործվել Cascading Style Sheet (CSS) փաստաթուղթ ստեղծելու համար: Գրառման գրքույկում CSS ֆայլ ստեղծելուց հետո կարող եք այդ ֆայլը կապել վեբ էջի հետ, որպեսզի վեբ էջի բովանդակությունը ձևաչափվի ձեր ոճաթերթի հետ:

Քայլեր

  1. 1 Բացեք Notepad ծրագիրը:
  2. 2Պատճենեք հետևյալ ծածկագիրը.

@charset "utf-8"; / * CSS Document * // * Սահմանել մարմնի տարրի գույնը * / body {background: # FFFFFF;} / * Այս բաժինը հղումների համար է * * / a: link { տառատեսակի քաշը `նորմալ; գույնը ՝ նավատորմի} ա: այցելեց {տառատեսակը-քաշը ՝ նորմալ; գույնը ՝ կանաչ;} a: hover {font-weight: bold; գույնը `կարմիր; font-variant: small-caps;} / * Այս բաժինը նախատեսված է պարբերության համար * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * Այս բաժինը պատկերի սև եզրագծի համար է: * / img {border-color: # 000000; եզրագիծը `հաստ; եզրային ոճ ՝ լեռնաշղթա;}

# Տեղադրեք կոդը «Քայլ 2» -ից Notepad- ում:


  1. 1 Պահպանեք ֆայլը Notepad- ում: Պահեք այն «SimpleCSS.css» անվան տակ ՝ կտտացնելով «Ֆայլ» կոճակին և ընտրելով «Պահել» հրամանը: «Պահել» կոճակը սեղմելուց հետո կցուցադրվի «Պահել որպես» երկխոսության տուփը:
  2. 2 Անվանեք ձեր CSS ֆայլը: Մուտքագրեք «SimpleCSS.css» կամ ցանկացած անուն «Ֆայլի անուն» տեքստային տուփում ՝ «.css» ընդլայնմամբ:
  3. 3 Կտտացրեք «Պահել» կոճակին:
  4. 4 Արված է!

Խորհուրդներ

  • Պահեք Գրառման գրքույկի ֆայլը միայն որպես տեքստ (երբեմն կարող եք այն անվանել տեքստային փաստաթուղթ կամ ASCII) և տվեք «.css» ընդլայնումը:
  • Մեր գրած կոդը պարզապես օրինակ է ՝ ձեզ ցույց տալու համար, թե ինչպես ստեղծել հիմնական CSS ֆայլ ՝ օգտագործելով Notepad ՝ ներածություն բաժնում ցուցադրվող մեր նմուշի վեբ էջում դրա HTML տարրերը շահարկելու համար: Դուք կարող եք փոխել մեր CSS ծածկագրումը, այնուամենայնիվ, ինչպես եք ցանկանում ձևակերպել վեբ էջերի ոճերն ու տեսքը:
  • Հիշեք, որ պահված CSS փաստաթուղթը տեղադրեք նույն թղթապանակում, ինչպես ձեր HTML փաստաթղթերը, որտեղ դուք ստեղծել եք ձեր վեբ էջերը:
  • Ձեր CSS փաստաթուղթը ստեղծելուց հետո գուցե անհրաժեշտ լինի կատարել հաջորդ քայլը. այսինքն ՝ կապել փաստաթուղթ և վեբ էջ: Խնդրում ենք տեսնել համապատասխան հոդվածները դա անելու համար:

Բաներ, որոնք ձեզ պետք կգան

  • Համակարգիչ
  • Գրառման գրքույկ ծրագիր
  • Ինտերնետ դիտարկիչ