Як стварыць простую табліцу стыляў CSS з дапамогай Notepad

Аўтар: Clyde Lopez
Дата Стварэння: 20 Ліпень 2021
Дата Абнаўлення: 1 Ліпень 2024
Anonim
CS50 2015 - Week 6
Відэа: CS50 2015 - Week 6

Задаволены

Notepad - адзін з тэкставых рэдактараў, якія можна выкарыстоўваць для стварэння каскаднай табліцы стыляў (CSS) дакумента. Пасля стварэння файла CSS у Notepad вы можаце звязаць гэты файл з вэб-старонкай так, што ўтрыманне вэб-старонкі можа фарматавацца вашай табліцай стыляў.

крокі

  1. 1 Адкрыйце праграму Notepad.
  2. 2Скапіюйце наступны код:

@charset "utf-8"; / * CSS Document * // * Define the body element's color * / body {background: # FFFFFF;} / * This section is for links * / a: link { font-weight: normal; color: Navy} a: visited {font-weight: normal; color: Green;} a: hover {font-weight: bold; color: Red; font-variant: small-caps;} / * This section is for a paragraph section * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * This section is for the image's black border. * / img {border-color: # 000000; border: thick; border-style: ridge;}

# Устаўце код з "Крок 2" у Notepad.


  1. 1 Захавайце яго ў Notepad. Захавайце яго пад імем "SimpleCSS.css", націснуўшы кнопку "File" і выбраўшы каманду "Save". Пасля націску кнопкі "Save" адлюструецца дыялогавае акно "Save As".
  2. 2 Назавіце свой CSS-файл. Ўвядзіце "SimpleCSS.css" або любое імя ў тэкставае поле "File Name" з пашырэннем ".css".
  3. 3 Націсніце кнопку "Save".
  4. 4 Справа зроблена!

парады

  • Захоўвайце Notepad-файл як Text Only (часам яго можна было б назваць Text Document або ASCII) і дайце яму пашырэнне ".css".
  • Код, які мы напісалі тут, з'яўляецца толькі прыкладам, каб паказаць вам, як ствараць базавы файл CSS з дапамогай Notepad для кіравання сваімі HTML элементамі ў нашым прыкладзе вэб-старонкі, якая адлюстроўваецца ў раздзеле Увядзенне. Вы можаце змяніць наша CSS кадаваньне, аднак, як вы хочаце адфарматаваць стылі і выгляд вэб-старонак.
  • Не забудзьцеся размясціць захаваны CSS-дакумент у той жа тэчцы, што і вашы HTML дакументы, дзе вы стварылі вэб-старонкі.
  • Пасля таго як вы стварылі стварылі CSS-дакумент, магчыма, вам прыйдзецца зрабіць наступны крок; гэта значыць, звязаць дакумент і вэб-старонкі. Калі ласка, праглядзіце якія адносяць да гэтага пытання артыкулы для таго, каб зрабіць гэта.

Things You'll Need

  • Камп'ютар
  • праграма Notepad
  • Інтэрнэт-браўзэр