Енді сіз бірнеше түрлі CSS мәлімдемелерін көргендіктен, ережелер жинағы бірден бірнеше мәлімдемені қамтуы мүмкін екенін ескеру маңызды . Мысалы, сіз #headerидентификатор тіркелген негізгі тақырыпқа кейбір өзгерістер енгізгіңіз келді делік. Стиль кестесіне тек бір ережелер жинағын қосуға болады:
#header { }
Содан кейін стекке бірнеше декларацияны қосыңыз: #header { font-size: 12px; font-family: 'Arial'; font-weight: bold; text-align: left; }
HTML сияқты, сіздің браузеріңіз пішімдеумен ерекше айналыспайды және CSS-ті ұқыпты және тәртіпті сақтауға тырысуыңыз керек . Мысалы, жоғарыдағы ережелер жинағы келесідей көрінсе, сіздің браузеріңіз маңызды емес:
Дегенмен, әрбір мәлімдемені аяқтайтын нүктелі үтірді қалдырсаңыз, браузеріңіз міндетті түрде шатастырылатынын есте сақтаңыз . Олар сіздің браузеріңіз бір декларация аяқталып, келесісі қашан басталатынын білудің жалғыз жолы .
Көлденең жолақ
Text-decoration сипаты мәтінге сәндік сызықтар қосуға мүмкіндік береді. Мәтіннің астын сызуға, сызуға немесе мәтіннің үстіне сызық қосуға болады. Text-decoration:underline сілтемелермен жұмыс істеу кезінде жиі кездеседі.
1
text-decoration:overline
Мәтіннің үстінде жолағы бар мәтін
2
text-decoration:line-through
Сызық сызылған мәтін (Перечеркнутый текст)
3
text-decoration:underline
Асты сызылған мәтін
4
text-decoration:blink
Жыпылықтайтын мәтін(Мигающий текст)
Line Height
CSS Line Height қасиеті элемент ішіндегі жол өрістерінің минималды биіктігін анықтау үшін пайдаланылады.Ол сіздің мазмұныңыздың екі жолы арасындағы айырмашылықтарды орнатады. Ол кірістірілген элементтердің үстінде және астындағы бос орын мөлшерін анықтайды. Ол шрифт өлшемінен тәуелсіз жолдың биіктігін орнатуға мүмкіндік береді.
Көбейткіш
Мысалы 1.5, 3.
Пайыз
250%
Кез келген басқа CSS бірліктерімен
12px, 2em
Normal
Жол биіктігін автоматты түрде есептеуді көрсететін кілт сөз
CASE
Сабақ тақырыбына байланысты дәл осы кейсті жасаңыз. Сабақ тақырыбына байланысты HTML/CSS бойынша жасалынған.
Презентация
Төмендегі сілтемеге өтіп, сабақтың презентациясын жүктей ала аласыз