Блокнот көмегімен CSS стилінің қарапайым кестесін қалай құруға болады

Вызшақ: HTML & CSS & JS | №1 - Кіріспе | Сайт жасау

Мазмұны

Қадамдар
Кеңестер
Сізге қажет нәрселер

Блокнот - бұл каскадты стильдер кестесі (CSS) құжатын құруға болатын мәтіндік редакторлардың бірі. Блокнотта CSS файлын жасағаннан кейін, сіз бұл файлды веб -бетке байланыстыра аласыз, сонда веб -беттің мазмұны сіздің стиль кестеңізбен пішімделеді.

Қадамдар

1 Блокнот бағдарламасын ашыңыз.
2Келесі кодты көшіріңіз:

@charset «utf-8»; / * CSS құжаты * // * Негізгі элементтің түсін анықтаңыз * / body {background: # FFFFFF;} / * Бұл бөлім сілтемелерге арналған * / a: сілтеме { қаріптің салмағы: қалыпты; түсі: Әскери-теңіз фоны} a: барған {font-weight: normal; түс: Жасыл;} a: апару {қаріп-салмақ: қалың; түсі: қызыл; font-variant: small-caps;} / * Бұл бөлім абзац бөліміне арналған * / p {font-style: italic; қаріп өлшемі: 18px;} көк {түс: # 0000FF;} / * Бұл бөлім суреттің қара жиегіне арналған. * / img {жиек түсі: # 000000; шекара: қалың; шекара стилі: жотасы;}

# «2 -қадамдағы» кодты Блокнотқа қойыңыз.

1 Файлды Блокнотта сақтаңыз. Оны «Файл» түймесін басып, «Сақтау» пәрменін таңдау арқылы «SimpleCSS.css» атауымен сақтаңыз. «Сақтау» түймесін басқаннан кейін «Басқаша сақтау» диалогтық терезесі шығады.
2 CSS файлыңызға атау беріңіз. «.Css» кеңейтімі бар «Файл атауы» мәтін жолағына «SimpleCSS.css» немесе кез келген атауды енгізіңіз.
3 «Сақтау» түймесін басыңыз.
4 Бұл орындалды!

Кеңестер

Блокнот файлын тек мәтін ретінде сақтаңыз (кейде оны мәтіндік құжат немесе ASCII деп атауға болады) және оған «.css» кеңейтімін беріңіз.
Біз мұнда жазған код - бұл кіріспе бөлімінде көрсетілген біздің веб -беттегі HTML элементтерін басқару үшін Блокнот көмегімен CSS -тің негізгі файлын қалай жасау керектігін көрсететін мысал. Сіз біздің CSS кодтауды өзгерте аласыз, бірақ сіз веб -беттердің стилі мен сыртқы түрін қалай пішімдегіңіз келеді.
Сақталған CSS құжатын сіздің веб -беттеріңізді жасаған HTML құжаттарыңызбен бір қалтаға орналастыруды ұмытпаңыз.
CSS құжатын жасағаннан кейін сізге келесі қадамды жасау қажет болуы мүмкін; яғни құжат пен веб -бетті байланыстыру. Мұны істеу үшін тиісті мақалаларды қараңыз.