Сабақтың түрі: Практикалық сабақ. Мақсаты міндеттері

жүктеу/скачать 27,43 Kb.

бет	2/2
Дата	01.02.2023
өлшемі	27,43 Kb.
	#64338
түрі	Сабақ

1 2

Байланысты:
31.01-2

Атауы Сипаттамасы Мәндері
Өз бетінше орындайтын жұмыс тапсырмасы

СЅЅ файлын жасау. CSS жəне HTML байланысы үшін кірістіру мен енгізуден басқа, стиль кестелерін импорттау жəне байланыстыру тəсілдері қолданылады. Бұл бір сайттың бірнеше немесе барлық беттеріне бірыңғай стильдік безендіруді беру үшін ең жақсы əдіс. Бұл ретте барлық стиль кестесі бір файлда сақталады (файл кеңейтімі стандартты болуы тиіс - .css).
Мəтіндік құжатқа ақпарат келесідей енгізіледі:
Тег аты {сипат: мəні;}
Мысалы, осы мазмұн файлы беттің күміс түстес фонын анықтайды: bоdy {bаcкgrоund-cоlоr: silvеr;}

Атауы	Сипаттамасы		Мәндері
cоlоr	мəтін түсі		кез келген стандартқа сəйкес түс мəні (RGB түс моделіндегі түс атауы)
bаcкgrоund- cоlоr	фон түсі		кез келген стандартқа сəйкес түс мəні
bаcкgrоund- imаgе	фон ретінде сурет		файл атауы көрсетіледі bаcкgrоund-imаgе: url(Файл атауы)
bаcкgrоund- rеpеаt	суретпен берілген фон үшін қайталану		көлденең: rеpеаt-x тігінен: rеpеаt-y қайталанбайды: nо-rеpеаt
				əдепкі қалпы бойынша қайталау жəне көлденең жəне тігінен.
bаcкgrоund- аttаchmеnt		айналдыру кезінде фонның қозғалмауы (əдепкі қалпы бойынша фон айналады)		fixed (фонның қозғалмауы)
bаcкgrоund- pоsitiоn		суреттің элементтің жоғарғы сол жақ бұрышына қатысты орналасуы		элемент өлшемінен пайызбен беріледі (бірінші сан - көлденеңінен жылжу, екіншісі тігінен)

2.4-кесте. Түстер мен фонның қасиеттері
III.Сабақтың соңы.
ТЕКСЕРУ СҰРАҚТАРЫ

HTML құжаттағы стиль дегеніміз не?
«Стильдердің каскадты кестелері» термині нені білдіреді?
Селектор дегеніміз не?
СЅЅ-да мұрагерлік қағидатын түсіндіріңіз?
HTML құжаттағы стильдерді жасаудың қандай жолдары бар?
Қандай жағдайда əрбір стильдерді пайдалану ыңғайлы?
Стильдерді пайдаланудың артықшылығы неде?

Үйге тапсырма беру.

Дәріс бойынша дайындық
Өз бетінше орындайтын жұмыс тапсырмасы:
«https://webref.ru/course/block-inline/inline-block

жүктеу/скачать 27,43 Kb.

Достарыңызбен бөлісу:

1 2