Css стандарты және стильдер кестесі Стильдердің каскадты кестелері css қызметі css тарихы css негізі



бет6/10
Дата10.01.2023
өлшемі211,14 Kb.
#165226
1   2   3   4   5   6   7   8   9   10
Байланысты:
1. 1 css ûçìåò³ 2 css òàðèõû 3 css íåã³ç³ 4 css òåã³ ò ñ

2.5 Шрифт және мәтін
Компьютерлік дизайнда шрифттарға үнемі үлкен көңіл бөлінген және World Wide Web шектеу болып табылмайды. Алайда орыс тілі үшін бар шрифттердің бар байлығы мен түрлілігі үш шрифтпен шектеледі:
serif (негізінен Times New Roman немесес басқа таңбалы шрифттер), sans-serif (Arial, Helvetica немесе басқа таңбасыз шрифттер) жәнен моноенді (Courier). Егер де нақтырақ айтсақ, бұл жерде шрифттердің отбасылары қарастырылған. Жиі бұл отбасылардың әрбірі комьпютерде бір кириллистік шрифтпен ұсынады.
Әріптерді бейнелеуді басқару үшін құжат авторы шрифтке әсер ететін бірнеше атрибуттар қолданады:
font-family – сызылған шрифттер отбасы (гарнитура);
font-style – түзу сызық немесе курсив;
font-weight – әріптердің "боялғаны" ;
font-size – шрифт өлшемі (кегль).
Кейбір браузерлерде бұл параметрлерді бір ғана font атрибутында орналастыруға болады:
font:bold 12pt sans;

font-weight – шрифттардың бояуын басқару үшін қолдаеылады. Ол 100-ден (ең нәзік) 900-ге (қатты боялған) дейінгі мәндерге ие болуы мүмкін. 400 мәнін normal, ал 700 мәнін bold кілттік сөзімен алмастыруға болады. Сонымен бірге бұл қасиеттердің мәні болып ата-аналық элемент үшін қабылданғанға қарағанда , сәйкес қай шрифт болжамын қолдану керектігін көрсететін lighter және bolder кілттік сөздері де болуы мүмкін.


Стильдің каскадтың кестелірнде font-size шрифтінің өлшемі алдын жазылған өлшемнің стандартты мәндерін немесе абсолютті өлшем үшін кілттік сөздердің бірін қабылдап алады. Мына кілттік сөздер шрифттердің жоғарылау реті: xx-small, x-small, small, medium, large, x-large, xx-large.
Бұл өлшемдер негізінен тегінің атрибуты үшін қолданылатын шрифттердің жеті өлшеміне сәйкес келеді.
Кегльді орнату кезінде font-size әріптің ұзындығын емес, әріптің өзінен үлкен болатын әріп астының өлшемін білдіретінін есте ұстаған жөн:
font-size пайдаланушының бірнеше мысалы:
p {font-size:12pt} – параграф кеглі 12 пунктке орнатылған
p {font-size:12px} – параграф кеглі 12 пиксельге орнатылған
p {font-size:120%} – параграф кеглі элемент параграфнынан алатын әріп өлшемінен 120% -тен орнатылған.
Мәтінді басқару үшін бірнеше атрибуттар:
letter-spacing - әріптер арасындағы қосымша интервалды анықтайды (normal сөзімен немесе ұзындық бірлігінде)
line-height – мәтін қатарының арасындағы қашықтықты анықтау үшін қатар ұзындығын көрсетеді (абсолютті немесе қатысты бірлікте)
text-align – беттің қатысты шеттерінің мәтіндерін туралауды анықтайды (left, right, center и justify);
text-decoration – мәтінді ерекшелецді: underline (пoдчepкивaниe), overline (нaдчepкивaниe), line-through (зaчepкивaниe), none – ерекшелеу әсерін қайтарады;
text-indent – ұзындық бірлігіндегі бірінші қатардағы жылжытуды құрады (абзацты жылжу, қызыл қатар);
text-transform – тег құрамын түрлендіреді:
capitalize (жоғарғы регистрдегі әрбір сөздің бірінші әрпін шығарады),
uppercase (жоғарғы регистрдегінің барлығын шығарады),
lowercase (төменгі регистрдегінің барлығын шығарады),
none.
Енді сізге ақпаратты қалай дайындағаны жайында ойламасаңыз да болады. Сіз өзіңіз тақырып әріптерін таңдап отыра аласыз. Барлық абзацтар қажетті орынмен жылжытылған болады.


Достарыңызбен бөлісу:
1   2   3   4   5   6   7   8   9   10




©engime.org 2024
әкімшілігінің қараңыз

    Басты бет