CSS, же Стилдердин каскаддык Жарчысы, баракка көрүнөө карап колдонуу азыркы сайт дизайны колдонулат кандай. HTML-беттеги түзүлүшүн жараткан жана Javascript жүрүш көтөрө алат, ал эми сайттын карап жана сезгендери CSS домендик болуп саналат. Бул стилде келгенде, алар көбүнчө сырткы стилдин барактарды колдонуп колдонулат, бирок, силер да деп аталат колдонуу менен бир, белгилүү бир элементтерин CSS образын колдоно аласыз "киргизилген стилдеги".
Сиздирилген стилдер Барактын HTML менен түздөн-түз колдонулат CSS стилдер. Бул ыкманын эки артыкчылыктары жана кемчиликтери бар. Биринчиден, бул стилдер жазылган кантип карап көрөлү.
бир Inline Style кантип жазуу керек
бир сап CSS образын түзүү үчүн, стили мүлктү жазуу менен стилдердин баланста турган сыяктуу башталат, бирок ал баары бир сап болушу керек. Эгер сиз стилдин сүйлөшүүлөрдөгүдөй эле үтүрлүү чекит менен өзүнчө бир нече касиеттери.
маалымат: #ccc; түс: #fff; Чек ара: катуу кара 1px;
Сен деп аталмак келет элементтин стили сыпатынын ичинде стилдеги ошол сызык кой. Мисалы, сиз HTML бир пунктунда бул стилди колдоно каалаган болсо, бул элемент болмок:
<Б стили = "маалымат: #ccc; түс: # 000; чек ара: катуу кара 1px;">
Бул, мисалы, бул өзгөчө пункт жарык боз алкагында пайда болмок (бул #ccc жооп кандай болот), кара текст (# 000 түсүн) жана пункттун бардык төрт тарабын тегерегинде 1-пиксел катуу кара чек менен .
Inline Адыг артыкчылыктары
Урматында каскадын Стилдердин каскаддык Sheet киргизилген стилдеги документте жогорку артыкчылыкка же бөтөнчөлүктөрү да бар. Бул, алар кандай гана барагы! Маанилүү билдирүүгө дагы эмне тышкы салынган (берилген ар кандай стилде болуу бир чыгарма менен мажбурланат колдонулат бара жаткан, бирок бул өндүрүш сайттарда жасалышы керек болгон бир нерсе эмес дегенди билдирет, анда ал кача алабыз).
Сиздирилген стилдер жогору артыкчылыкка ээ гана услюплер колдонуучу стилдери окурмандар өздөрү тарабынан колдонулат. Сиз колдонуу үчүн өзгөртүүлөрдү чыга албай жатса, анда сен элементтин боюнча киргизилген стили белгилөө аракет болот. Сиз стилдер деле киргизилген ыкма менен Статусунда өзгөрүүлөр жок болсо, сиз бара дагы бир нерсе бар экенин билем.
Сиздирилген стилдер кошуу үчүн жеңил жана тез жана сиз өзгөртүү үчүн керектүү стилдерди элементтин түздөн-түз кошулуп жаткан, анткени туура CSS селектор жазуу тынчсызданбай кереги жок (бул элемент олуттуу сиз сырткы стилдин жазып турган селектор ордуна ). Сиз бир жаңы документти түзүүгө муктаж эмес (тышкы стилдердин менен) Сиздин документтин башына бир жаңы элементтерди же өзгөртүү (ички стилдердин менен). Сиз жөн эле дээрлик ар бир HTML элементке жарактуу стили касиетти кошуу. Бул сап стилин колдонуу үчүн сыноо болушу мүмкүн, эмне үчүн бардык себептер бар, бирок ошондой эле, бул ыкманын кээ бир өтө олуттуу кемчиликтерди да билиши керек.
Inline түрү боюнча кемчиликтери
Сиздирилген стилдер Анткени алар каскадын абдан белгилүү, алар силер үчүн ниети жок, ары-бери нерселер болот. Алар ошондой эле CSS маанилүү аспектисин бир айтуучу - өкчөмө таш жана келечектеги өзгөрүүлөр жана стили өзгөрүүлөрдү башкаруу үчүн көп кыйнабаш үчүн бир борбордук CSS File желе баракчалардын өкчөмө таш стилдештирүүнү жөндөмдүүлүгү.
гана киргизилген стилин колдонуу керек болсо, сиздин документтерди тез, ачкадан жана аны кармап туруу абдан кыйын болуп калат. Бул сап стилдери, анткени сен аларды каалаган ар бир элементтерин колдонулушу керек. Бардык пункттары бар каалаган Ошондуктан, эгерде арип үй-бүлөсү менен "Arial", сиз документтин ар бир <б> тегинин үчүн киргизилген стилди кошуу керек. Бул ошол арип-үй-бүлөсү менен өзгөртүү үчүн сайтында ар бир бетине өтүп, бул өзгөртүшү керек, анткени тейлөө окурманы үчүн дизайнер жана жүктөө жолу ишти да алып келбейт. Же болбосо, өзүнчө салынган колдонгон болсо, анда силер бир жерге аны өзгөртүүгө жана ар бир бет өзгөртүү кабыл ээ болууга мүмкүн.
Ишенип койгула, бул желе долбоордо артка кадам - <арип> тегинин күн артка!
стилдерди киргизилген дагы бир жетишпеген жагы, стилдердин жасалма элементтер мүмкүн эмес экенин жана алар менен -classes. Мисалы, менен тышкы стилдердин, сен келип, калкып, активдүү жана аласыз шилтеме түсү кеме казыктай тег, бирок менен киргизилген стили, бардык стили да шилтеме болуп саналат, анткени бул стили бар атрибуттуу эмне болот тиркелет .
Акыр-аягы, биз киргизилген стилин колдонуу менен эмес, сунуш көйгөйлөрдү жаратат, анткени алар сенин интернет беттеринде жана беттер бир топ көп жумуш сактоого болот. Биз аларды пайдаланууга гана жолу биз иштеп чыгуу учурунда тез стилин текшерип келгенде болот. Биз ошол бир элементи үчүн оң карап бар болсо, биз сырткы стилдин аны түрткү.
Атайга Krynin менен оригинал макалада. Jeremy Джирард тарабынан Edited.