Г. Жомарткызы интернет технологиялар



бет4/5
Дата17.04.2023
өлшемі50,87 Kb.
#83385
1   2   3   4   5
Байланысты:
Дәрiс 4

CSS түсiндiрмесі.

Кодтың түсiндiрулерi үшiн және келесi оның редакциялауы үшiн браузерлермен еленбейтiн түсiндiрме қолданылады. CSS түсiндiрме "/*" нышанмен басталып "*/"
нышанмен бiтедi.Мысалы
/* Бiрiншi түсiнiк. */

      1. CSS-ты қолдануының әдiстерi.

Бiз CSS қолданулар әдiстердiң астында HTML- бетке стильнiң декларациялауын формасын және элементiнiң бейнесiнiң стильсiнiң сипаттамасының элементiң ӛзiмен
байланыстыруы форманы түсiнемiз. Сӛз беттiң авторы (немесе дизайнер) стильді неткен
формада суреттейтiні және оған неткен формада сiлтейтiнi туралы болады, сонымен қатар.
Стильлердiң қолдануды тӛрт әдiсi бар:

  • белгiлеу элементiндегi стильнiң қайта анықталуы;

  • документ тақырыбындағы STYLE элементiнде стильдiң сипаттамасын орналастыру

  • LINKтiң элементi арқылы сыртқы сипаттамаға сiлтеменiң орналастыруы

  • құжат стилінiң сипаттамасының импорты.

Кейбiр ескертулер:



  • стильлердiң сыртқы кестесiн кез келген мәтiндiк редакторда жасауға болады;

  • стильлердiң сыртқы кестесiнің файлы html ешқандай да тегтерi болмауы керек

  • стильлердiң сыртқы кестесiнің файлын css кеңейтумен сақталуы керек.

Браузерлермен стильлердiң кестелерiнiң дұрыс бейнелеу үшiн қасиеттiң мәнi және ӛлшем бiрлiктерiнiң арасындағы бос орындарды алып тастау керек, себебі бұл тек қана IE6 дұрыс жұмыс iстейдi, бiрақ Mozilla/Firefoxке емес немесе Netscape


орындалмайды.
Мысал бос орынмен — "margin-left: 20 px"
Мысал бос орынсыз — "margin-left:20px"

        1. Сыртқы сипаттамаға сiлтеме.

Құжаттың сыртына орналасқан стильнiң сипаттамасына сiлтеме HEAD элементiнде орналасқан LINK элементтiң арқасында iске асады. Сыртқы сипаттама стильлердiң сипаттамасы бар файл бола алады. Мысалы:


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




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

    Басты бет