CSS

Каскаддык стилдердин баракчалары

CSS деген сөздүн кыскартылган түрү Каскаддык стилдердин баракчалары.

Эмне Каскаддык стилдердин баракчалары?

Веб-дизайнерлер жана иштеп чыгуучулар үчүн бир эле учурда бир нече веб-баракчалардын көрүнүшүн жана макетін көзөмөлдөөгө мүмкүндүк берүүчү күчтүү курал. Аны үч жол менен колдонсо болот: сапта, башта (ички) жана тиркелген стилдер жадыбалынын файлы катары (тышкы). Ар бир ыкма өзүнүн колдонуу жагдайы жана артыкчылыктары бар.

Inline CSS

Бул ыкма "стиль" атрибутун колдонуу менен түздөн-түз HTML элементинин ичинде CSS эрежелерин жайгаштырууну камтыйт. Ар бир HTML элементи CSS касиеттеринин каалаган санын камтыган өзүнүн стил атрибутуна ээ болушу мүмкүн.

  • колдонуу:
<p style="color: blue; font-size: 14px;">This is a blue, 14px font paragraph.</p>
  • жакшы: Бул тез, чакан масштабдагы стилди өзгөртүү жана сыноо үчүн пайдалуу.
  • жактары: Стилдер элементтерге жекече колдонулгандыктан, бул ыкма чоң документтерди стилдөө үчүн натыйжасыз. Ал ошондой эле HTML кодун бузуп, ар кандай элементтерде же барактарда ырааттуу стилдештирүүгө жардам бербейт.

Ички CSS

Бул жерде, CSS эрежелери а ичинде жайгаштырылат <style> HTML документинин баш бөлүгүндөгү тег. Бул ыкма бир бет үчүн стилдерди аныктоо үчүн колдонулат.

  • колдонуу:
<head>
   <style>
      p { color: blue; font-size: 14px; } 
   </style>
</head>
  • жакшы: Бир баракка уникалдуу стилдер үчүн пайдалуу. Ал HTML жана CSS файлдарын бир файлда сактайт, бул чакан долбоорлорду же бир барактан турган документтерди башкарууга оңой болот.
  • жактары: Inline CSS сыяктуу эле, ал бир нече баракчаларды стилдөө үчүн эффективдүү эмес жана CSS көп болсо, HTML документтерин түйшүктүү кылып коюшу мүмкүн.

Тышкы CSS

Бул CSS кошуунун эң кеңири таралган жана сунушталган жолу. CSS эрежелери өзүнчө файлга жайгаштырылат (.css кеңейтүүсү менен) жана HTML документине шилтеме аркылуу

<link> баш бөлүгүндөгү элемент.

  • колдонуу:
<head>
   <link rel="stylesheet" type="text/css" href="styles.css">
</head>
  • жакшы: Бул таза жана уюшкан HTMLге өбөлгө түзөт. Стилдер бир нече барактарда кайталанып колдонулушу мүмкүн, бул веб-сайттын көрүнүшүн сактоону жана жаңыртууну жеңилдетет. Ал ошондой эле биринчи баракка киргенден кийин баракты тезирээк жүктөөгө мүмкүндүк берет, анткени браузер CSS файлын кэштейт.
  • жактары: Баштапкы баракты жүктөө бир аз узагыраак созулушу мүмкүн, анткени браузер CSS файлын жүктөп алышы керек.

CSS ишке ашырууну тандоо веб-сайттын иштешине, тейлөөгө жана колдонуучу тажрыйбасына таасир этиши мүмкүн. CSSти эффективдүү колдонуу, биринчи кезекте тышкы стилдер жадыбалдары, ырааттуу бренд имиджин түзө алат, жүктөө убактысын жакшыртат жана потенциалдуу кардарлар үчүн веб-сайттын жалпы жагымдуулугун жогорулатат.

  • аббревиатура: CSS

CSS үчүн кошумча акронимдер

  • CSS - Салыштыруу соода кызматы
Артка жогорку баскычы
жакын

Adblock аныкталды

Martech Zone Бул мазмунду сизге эч кандай акы төлөбөй бере алат, анткени биз сайтыбызды жарнамадан түшкөн киреше, өнөктөштүк шилтемелер жана демөөрчүлүк аркылуу акча табабыз. Биздин сайтты көрүп жатканыңызда жарнама блокаторуңузду алып салсаңыз, биз ыраазыбыз.