Paano lumikha ng isang simpleng CSS styleheet gamit ang Notepad

Video.: Paano gumawa ng CSS&HTML Portrait

Nilalaman

Mga hakbang
Mga Tip
Mga Bagay na Kakailanganin Mo

Ang Notepad ay isa sa mga editor ng teksto na maaaring magamit upang lumikha ng isang dokumento ng Cascading Style Sheet (CSS). Pagkatapos lumikha ng isang CSS file sa Notepad, maaari mong mai-link ang file na iyon sa isang web page upang ang nilalaman ng web page ay maaaring mai-format sa iyong styleheet.

Mga hakbang

1 Buksan ang programa ng Notepad.
2Kopyahin ang sumusunod na code:

@charset "utf-8"; / * CSS Document * // * Tukuyin ang kulay ng elemento ng katawan * / body {background: # FFFFFF;} / * Ang seksyong ito ay para sa mga link * / a: link { font-weight: normal; kulay: Navy} a: binisita ang {font-weight: normal; kulay: berde;} a: mag-hover {font-weight: bold; Kulay pula; font-variant: maliit na takip;} / * Ang seksyong ito ay para sa isang seksyon ng talata * / p {font-style: italic; font-size: 18px;} asul {color: # 0000FF;} / * Ang seksyong ito ay para sa itim na hangganan ng imahe. * / img {border-color: # 000000; hangganan: makapal; border-style: tagaytay;}

# Idikit ang code mula sa "Hakbang 2" sa Notepad.

1 I-save ang file sa Notepad. I-save ito sa ilalim ng pangalang "SimpleCSS.css" sa pamamagitan ng pag-click sa pindutang "File" at pagpili ng utos na "I-save". Matapos i-click ang pindutang "I-save", ang kahon ng dialog na "I-save Bilang" ay ipapakita.
2 Pangalanan ang iyong CSS file. Ipasok ang "SimpleCSS.css" o anumang pangalan sa text box na "Pangalan ng File" na may extension na ".css".
3 I-click ang pindutang "I-save".
4 Tapos na!

Mga Tip

I-save ang file na Notepad bilang Text Only (kung minsan maaari mong tawagan itong Text Document o ASCII) at bigyan ito ng extension na ".css".
Ang code na isinulat namin dito ay isang halimbawa lamang upang maipakita sa iyo kung paano lumikha ng isang pangunahing file na CSS gamit ang Notepad upang manipulahin ang mga elemento ng HTML sa aming halimbawang web page na ipinakita sa seksyon ng Panimula. Maaari mong baguhin ang aming CSS coding, gayunpaman, kung paano mo nais na mai-format ang mga estilo at hitsura ng mga web page.
Tandaan na ilagay ang nai-save na dokumento ng CSS sa parehong folder tulad ng iyong mga dokumento sa HTML kung saan mo nilikha ang iyong mga web page.
Matapos mong likhain ang iyong dokumento sa CSS, maaaring kailanganin mong gawin ang susunod na hakbang; iyon ay, mag-link ng isang dokumento at isang web page. Mangyaring tingnan ang mga kaugnay na artikulo upang magawa ito.