Зертханалық ЖҰмыс №1 тапсырма (зертханалық жұмыс) тапсыру мерзімі: апта, балл Сырғымалы жолдарды және тізімдерді ұйымдастыру

Бірнеше HTML-файлдарға арналған стиль

жүктеу 1,49 Mb.

бет	14/35
Дата	20.10.2023
өлшемі	1,49 Mb.
	#43937

1 ... 10 11 12 13 14 15 16 17 ... 35

ЗЕРТХАНАЛЫҚ ЖҰМЫС

7.4. Аралас стильдерді пайдалану

7.3. Бірнеше HTML-файлдарға арналған стиль
Әдетте бірнеше файлдарға арналған стильдер басқа бір жеке файлға бөлек жазылады. Мұндай файл типі (кеңейтілуі) css болып жазылады.
Осы стильдерді іске қосу үшін HTML-файлдың тақырып ... бөлігіне мынадай сілтеме орналастыру керек:
стильдік анықтау
body {margin-left: 40рх;}
барлық жолдар үшін сол жақ шеттен 40 пиксель шегініс береді. Міне, HTML тіліндегідей кесте қолданбай, өріс көрсетпей, стиль арқылы ғана осындай мүмкіндіктер жасауға болады екен.
7.4. Аралас стильдерді пайдалану
Сонымен HTML-кодтары үшін стильдерді пайдаланудың үш тәсілі бар екен:

жеке тәг үшін анықтау;

HTML-файлының тақырыбында анықтау;

басқа CSS файлында стильді анықтау.

Енді осы тәсілдерді араластыра пайдаланып көрейік. Олардың қайсысы басым екенін мысалдар арқылы қарастырайық.
тәгіндегі CSS-нұсқаулар
Енді осы файлды пайдаланатын HTML-құжат коды мен оның бейнесін қарастырайық.
Сонымен, CSS арқылы мыналар атқарылады:
· өрістер, шегіністер, қаріп мөлшері (көлемі) және типі, мәтін түсі мен фоны, т.б. парақтың жекелеген элементтері (абзацтар, сөздер, әріптер) үшін беріледі.
· жүздеген файлдардан тұратын толық сайт үшін оның безендірілуін HTML-кодқа тимей, тек бір ғана CSS файлын түзету арқылы өзгерту;
· HTML-құжаттың ішкі тәгтері санын азайтып, оның ішкі ақпараттық мазмұнын браузер экранының сыртқы түсінен бөліп жеке стильдер түрінде жазып шығу.

Сұрақтар

CSS қысқартылған сөзі қандай мағына береді?

CSS технологиясының атқаратын қызметі.

Бір тәгтегі стиль қандай атрибут арқылы беріледі?

Төмендегі мысалдардың қайсысы абзацтағы мәтіннің қызыл түсін тағайындайды?

а) <Р color = red>;
б) <Р color = #FF0000>;
в) <Р color = rgb(255,0,0)>;
г) <Р style ="color: red">;
д) <Р style ="color: #FF0000">;
е) <Р >.

HTML-тілінің қандай арнаулы блогында стильдік сипаттаулар орналасады?

Төмендегі стильдік сипаттаулардың қайсысында қате жоқ?

жүктеу 1,49 Mb.

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

1 ... 10 11 12 13 14 15 16 17 ... 35