PDF download Загрузить PDF PDF download Загрузить PDF

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

  1. 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 
 : 
 18 
 px 
 ;} 
 blue 
 { 
 color 
 : 
 #0000FF 
 ;} 
 /*This section is for the image's black border.*/ 
 img 
 { 
 border-color 
 : 
 #000000 
 ; 
 border 
 : 
 thick 
 ; 
 border-style 
 : 
 ridge 
 ;} 

#Вставьте код из "Шаг 2" в Notepad.

  1. Сохраните его под именем "SimpleCSS.css", нажав кнопку "File" и выбрав команду "Save". После нажатия кнопки "Save" отобразится диалоговое окно "Save As".
  2. Введите "SimpleCSS.css" или любое имя в текстовое поле "File Name" с расширением ".css".
  3. Реклама

Советы

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

Things You’ll Need

  • Компьютер
  • Программа Notepad
  • Интернет-браузер

Об этой статье

Эту страницу просматривали 6457 раз.

Была ли эта статья полезной?

Реклама