CSS түрү боюнча 3 түрлөрү түшүнүү

Inline, камтылган, ошондой эле тышкы стилдердин барактар: Бул жерде сиз билүү керек болот

Front-аягы сайты иштеп чыгуу көп учурда 3-буттуу алдына жыгыла турган убакты билдирет. Бул буту болуп төмөнкүлөр саналат:

Бул стул, CSS жана стилдерди, экинчи буту, биз бүгүн бул жерде карап жатышат. Тактап айтканда, биз бир документке кошууга болот стилдеги 3 түрү чечүү үчүн келет.

  1. Сиздирилген стилдер
  2. Апенди стилдери
  3. Тышкы стилдери

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

Inline стилдери

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

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

Сиздирилген стилдер да өтө жогору бөтөнчөлүктөрү да бар.

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

Акыр-аягы, киргизилген стилдер өтө аз колдонгон чынында гана тиешелүү болуп саналат.

Чынында, мен аз да менин Webpages боюнча киргизилген стилин колдонуу.

Апенди стилдери

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

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

Стилдерди кошулат

документ, ошондой эле бет келечекте башкаруу кыйын болот турган баракка белгилөө кодексинин бир кыйла сандагы кошуу.

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

Тышкы Style Sheets

Көпчүлүк сайттар бүгүн пайдалануу тышкы стилдердин sheets.External стилдери өзүнчө документ, андан кийин ар кандай интернет тиркелген документтер жазылган стилдери бар. Сырткы стилдердин барактар ар бир барак эле стилдер жадыбалы (бул кандай кылынат, кандай тажрыйба адатта эмес) колдонулат 20-бет сайты бар болсо, анда ар бир көзү менен көрүп өзгөрүүлөрдү жасай алабыз дегенди билдирет, алар тиркелген бардык документти, таасир этиши мүмкүн жөн гана бул стилдер жадыбалы түзөтүп, ошол беттер.

Бул узак мөөнөттүү сайттын жетекчилиги көп жардам берет.

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

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

Бул кээ бир сегодня биринчи бетинде бир аз аткаруу сокку болушу ыктымал дегенди билдирет, ал эми андан кийинки барактар ​​кештелген CSS билэ болот, ошондуктан ар кандай хит мизи болот. Тышкы CSS Files Мен бардык баракчалары кантип куруп жатат.