Стилдерди пайдалары

Бул CSS кыска албетте менен маалыматтарды алуу

Стилдерди көп жагынан пайда алып келет. Алар сени толугу менен интернет аркылуу эле стилдер жадыбалы пайдаланууга уруксат. Бул эмне үчүн эки жол бар:

1. LINK элемент менен байланыш
   1. <Шилтеме Отчёттун = "стилдер" адреси "styles.css">
2. @import буйругу менен алып келүү
   1. <Стили>
   2. URL @import ( "http://www.yoursite.com/styles.css");

Артыкчылыктары жана тышкы Style Sheets кемчиликтери

стилдерди Каскаддоо жөнүндө мыкты нерселердин бири сиздин сайтка ырааттуу сактоого, аларды пайдалана алабыз. Бул жагы шилтеме же тышкы стилдердин баракты импорттоо саналат. Эгер сиз сайттын ар бир бетине ошол эле тышкы стилдердин баракты колдонгон болсо, бардык барактар ​​бирдей стилин болот деп ишенимдүү түрдө айта алабыз.

тышкы стилдердин барактарды колдонуу артыкчылыктары айрымдарын карап көзөмөлдөп, бир эле учурда бир нече документтер бар экенин камтыйт. Эгер адамдардын командасы менен сиздин сайтты түзүү иштесе Бул, өзгөчө пайдалуу болот. Көптөгөн стилдин эрежесин эстеп кыйын болушу мүмкүн, жана аны басып стили жол болушу мүмкүн, ал эми, ал текст үлгүсү 12-пункту Arial ариптер же 14-пункт чабарман жазылган турган болсо, анда ар дайым аныктоо үчүн ал аркылуу Меню үчүн Уикипедияны жакшыртуу болуп саналат.

Сиз андан кийин ар кандай HTML элементтерди колдонууга болот стилдеги класстарды түзө алат. көп учурда атайын Wingdings арип сиздин беттеги ар кандай нерселерге маани берүү үчүн колдонгон болсо, басым жасоо ар бир нускасы үчүн белгилүү бир стилди аныктоо эмес, тескерисинче, аларды түзүү үчүн сиз стилдин койду Wingdings классын колдоно аласыз.

Сиз жонокой тайпа стилдери көбүрөөк натыйжалуу болушу мүмкүн. CSS үчүн жеткиликтүү болот, бардык бириктирүүчү ыкмалар тышкы стилдердин колдонулушу мүмкүн, бул сиздин беттеринде көбүрөөк контролдоо жана ийкемдүүлүк менен камсыз кылат.

Бул тышкы стилдерди пайдаланган эмес, ошондой эле абдан жакшы себептер бар, деп билдирди. Анткени, алар да бир топ -га шилтеме берген болсо, жүктөө убактысын көбөйтүү мүмкүн.

Сиз жаңы CSS билэни жана шилтеме жасоо же документтин, аны ташып сайын, ошол сааты алуу үчүн WEB Server башка жардам чакыруусун жасоо үчүн браузеринин талап кылат. Ал эми Server чалуулар бет груз жолу жайыраак.

гана стилдердин бир аз бар болсо, анда алар сиздин бетине татаалдыгын жогорулатат.
HTML кийинүүдөн көзгө туура эмес, анткени карап ким эмне болуп жатканын билип башка документти (CSS билэ) ээ болушу керек.

Тышкы стилдер жадыбалы кантип түзүү керек

Сырткы стилдердин барактар ​​камтылган жана киргизилген кошумча стили сыяктуу эле жазылган. Бирок, жаз керек бардык стилдердин алуу жана жарыялоо болуп саналат. Сиз документ менен STYLE элементтерди же атрибуту сөзсүз керек эмес.

башка бардык CSS сыяктуу эле, эреже боюнча синтаксиси:

селектор {сыпаты: көрсөткүчү; }

Бул эрежелер узартуу .css менен текст делосуна жазылган. Мисалы, сиз стилдер жадыбалы styles.css аты мүмкүн.

Сиз стилдер жадыбалы документ бар болсо, сиздин интернет беттеринде аны менен байланыштыруу керек. Жогоруда айтылгандай, бул эки жол менен ишке ашырылат.

CSS Documents байлоо

стилдердин баракты шилтеме үчүн, LINK элементин колдонуу. Бул касиеттер Rel жана адреси бар. Отчёттун атрибуттуу кагылса, кайсы браузерди (бул учурда бир стилдер жадыбалы) айтылат жана эмки атрибуттуу CSS делосуна жолун ээ.

Сиз байланыштуу документтин MIME түрүн аныктоо үчүн колдоно ала турган кошумча сыпат түрү да бар. Бул HTML5 талап эмес, ал эми 4-документтерди HTML колдонулууга тийиш.

Мына сиз CSS стилдер жадыбалы деп аталат styles.css шилтеме берүү үчүн колдоно турган код:

<Шилтеме Отчёттун = "стилдер" адреси "styles.css">

Ал эми 4-HTML документте сиз жазган:

<шилтеме Отчёттун = "стилдер" адреси "styles.css" түрү = "текст / CSS">

Колуктуну CSS Style Sheets

Импорттолуучу стилдерди STYLE элементтин ичинде жайгаштырылган. Ошондо сиз болсо, ошондой эле камтылган стилдерди пайдалана алышат. Ошондой эле байланган стилдер ичинде ташылып образын камтышы мүмкүн. STYLE же CSS документтин ичинде, жаз:

URL @import ( "http://www.yoursite.com/styles.css");