СОР № 1 Информатика 10ЕМН класс CSS

Назад
Информатика - 10ЕМН класс, Қазақша 🇰🇿 3 четверть

CSS

Задание:

CSS-тің келесі түрлерін қолдануға мысал келтіріңіз. Код жазыңыз.
Кірістірілген CSS
Ішкі CSS
Сыртқы CSS

Решение:

Ішкі стильдер кестесі

Ішкі стильдер кестелерін әдетте егер сайттың бір ғана бетінің уникалды стилі болған жағдайда қолданады. Ішкі стиль head элементінде <style>, </style> тегтерінің арсына жазылады:

Мысал

<head>
<style type=»text/css»>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url(«images/back40.gif»);}
</style>
</head>

 

Мысал

 

<head>

<link rel=»stylesheet» type=»text/css» href=»mystyle.css» />

</head>

 

Сыртқы стильдер кестелерін кез келген мәтіндік редакторда құра аласыз (бірақ негізі арнайы мәтіндік редакторларында құрған жөн, мысалы, Notepad ++). Бұл файлдың ішінде html тегі болмауы керек. Сыртқы стильдер кестелерінің файлын .css кеңейтілуімен сақтау керек. css файлының мысалын қараңыз:

 

Мысал

 

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url(«images/back40.gif»);}