Знакомство с css


GIF (англ. Graphics Interchange Format — формат для обмена изображениями). JPEG



Download 0,88 Mb.
bet14/46
Sana15.04.2022
Hajmi0,88 Mb.
#552991
TuriТесты
1   ...   10   11   12   13   14   15   16   17   ...   46
Bog'liq
ТЕКСТ ЛЕКЦИИ ВЕБ нью

GIF (англ. Graphics Interchange Format — формат для обмена изображениями).

  • JPEG (англ. Joint Photographic Experts Group — название организации-разработчика).

  • PNG (англ. Portable network graphics — растровый формат хранения графической информации).

    Чтобы задать изображение в качестве заднего фона необходимо использовать свойство background-image и указать путь к файлу изображения, который может быть как относительный, так и абсолютный:
    селектор {
    background-image: url(images/main_bg.png);
    }
    Обращаю Ваше внимание на то, что при использовании относительного пути фоновое изображение необходимо указывать относительно адреса файла таблицы стилей, а не HTML страницы на которой предполагается использование фонового изображение.
    Давайте рассмотрим пример, в котором установим задний фон, который представляет из себя три разноцветных квадрата размером 100 на 100 пикселей для элемента :




    </b>Пример установки <a href="/metodi-kompeyuternoj-obrabotki-biomedicinskih-izobrajenij-v-sr.html">изображения в качестве фона</a><b>



     полностью заполнился фоновым изображением.
    Желательно всегда устанавливать цвет заднего фона в качестве альтернативы изображению, в этом случае, если изображение по каким-то причинам не будет загружено, то будет использован заданный Вами цвет. Запомните этот момент, мы не будем к нему возвращаться в статьях этого учебника.
    Результат нашего примера:
    Рис. 115 Пример установки изображения в качестве фона.
    Управление повтором фонового изображения
    Как мы с вами установили из примера, фоновое изображение размещается по умолчанию в верхнем левом углу элемента и повторяется по вертикали и горизонтали. Давайте научимся изменять эти предопределенные значения и для начала рассмотрим, как управлять повтором изображения, а поможет нам в этом CSS свойство background-repeat.
    Это свойство имеет следующие доступные значения:


    Download 0,88 Mb.

    Do'stlaringiz bilan baham:
  • 1   ...   10   11   12   13   14   15   16   17   ...   46




    Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©hozir.org 2024
    ma'muriyatiga murojaat qiling

    kiriting | ro'yxatdan o'tish
        Bosh sahifa
    юртда тантана
    Боғда битган
    Бугун юртда
    Эшитганлар жилманглар
    Эшитмадим деманглар
    битган бодомлар
    Yangiariq tumani
    qitish marakazi
    Raqamli texnologiyalar
    ilishida muhokamadan
    tasdiqqa tavsiya
    tavsiya etilgan
    iqtisodiyot kafedrasi
    steiermarkischen landesregierung
    asarlaringizni yuboring
    o'zingizning asarlaringizni
    Iltimos faqat
    faqat o'zingizning
    steierm rkischen
    landesregierung fachabteilung
    rkischen landesregierung
    hamshira loyihasi
    loyihasi mavsum
    faolyatining oqibatlari
    asosiy adabiyotlar
    fakulteti ahborot
    ahborot havfsizligi
    havfsizligi kafedrasi
    fanidan bo’yicha
    fakulteti iqtisodiyot
    boshqaruv fakulteti
    chiqarishda boshqaruv
    ishlab chiqarishda
    iqtisodiyot fakultet
    multiservis tarmoqlari
    fanidan asosiy
    Uzbek fanidan
    mavzulari potok
    asosidagi multiservis
    'aliyyil a'ziym
    billahil 'aliyyil
    illaa billahil
    quvvata illaa
    falah' deganida
    Kompyuter savodxonligi
    bo’yicha mustaqil
    'alal falah'
    Hayya 'alal
    'alas soloh
    Hayya 'alas
    mavsum boyicha


    yuklab olish