CSS, немесе Cascading Style Sheets, визуалды көріністі бетке қолдану үшін қазіргі заманғы веб-сайт дизайнында пайдаланылатын нәрселер. HTML парағының құрылымын жасап, Javascript мінез-құлқымен айналысса, веб-сайттың көрінісі мен сезімі CSS-ның домені болып табылады. Бұл стильдер туралы сөз болғанда олар көбінесе сыртқы стильдер кестелерімен қолданылады, бірақ CSS стильдерін «кірістірілген стильдер» деп аталатындарды қолдана отырып бірегей элементке қолдануға болады.
Кірістірілген мәнерлер - бет HTML-да тікелей қолданылатын CSS мәнерлері. Бұл тәсілдің артықшылықтары мен кемшіліктері бар. Алдымен, осы стильдердің қалай жазылғандығын қарастырайық.
Кірістірілген мәнерлерді қалай жазуға болады
Кірістірілген CSS мәнерін жасау үшін, стиль кестесінде қалай болатындығыңызға ұқсас стиль сипатын жазу арқылы бастайсыз, бірақ ол барлық бір жол болуы керек. Бірнеше қасиеттерді нүктелі үтірмен бірдей мәнер кестесінде бөлектегендей бөліңіз.
фон: #ccc; Түсі: #fff; шекара: қатты қара 1px;
Мастер стилінің стильсіндегі стильтің атрибутының ішінде орналастырыңыз. Мысалы, осы мәнерді HTML-параграфқа қолданғыңыз келсе, бұл элемент келесідей болады:
Бұл мысалда бұл параграф ашық-сұр өңмен (яғни #ccc көрсететін), қара мәтінмен (# 000 түстен) және 1-пиксель қара-қара шекарасымен бірге барлық төрт жағына .
Кірістірілген мәнерлердің артықшылықтары
Cascading Style Sheet кірістірілген мәнерлерінің каскадының арқасында құжатта жоғары басымдық немесе ерекшеліктер бар. Бұл сыртқы стильдер кестесінде қандай да бір нәрсе қолданылмаса да қолданылатын болады дегенді білдіреді (бұл парақшаны маңызды декларациялауға берілген кез келген стильдерден басқа, бірақ ол егер ол өндірістік сайттарда жасалуы керек нәрсе емес болдырмауға болады).
Кірістірілген мәнерлерге қарағанда жоғары артықшылығы бар жалғыз стильдер оқырмандар өздері қолданатын пайдаланушы стилі болып табылады. Өзгерістерді қолдануға қиындықтар туындаса, элементке кірістірілген мәнерді орнатуды байқауға болады. Егер стильдер әлі де кірістірілген мәнерді көрсетпесе, онда басқа бірдеңе бар екенін білесіз.
Кірістірілген стильдер оңай және тез қосылады және стильдерді сіз өзгерткіңіз келетін элементке тікелей қосқаннан кейін (бұл элемент сыртқы мәнер кестесінде жазатын селектордың орнын басады), дұрыс CSS селекторын жазуға қажеті жоқ ). Сізге жаңа құжат жасау (сыртқы стильдер кестесіндегідей) немесе құжаттың басындағы жаңа элемент (ішкі стиль кестелерінде) сияқты өңдеу қажет емес. Әрбір HTML элементінде жарамды стиль төлсипатын ғана қосасыз. Бұл кірістірілген мәнерлерді пайдалану үшін неге сізді қызықтыруы мүмкін барлық себептер, бірақ сіз осы тәсілге кейбір маңызды кемшіліктер туралы білуіңіз керек.
Кірістірілген мәнерлердің кемшіліктері
Кірістірілген стильдер олар каскадта ең айрықша болып табылатындықтан, олар өзіңіз қалаған нәрселерден асып кете алады. Олар сондай-ақ CSS-ның ең қуатты аспектілерінің біреуін жоққа шығарады - болашақ жаңартулар мен мәнер өзгерістерін басқаруды әлдеқайда жеңілдету үшін бір орталық CSS файлынан көптеген веб-беттерді стильдеуге мүмкіндік береді.
Егер кірістірілген мәнерлерді ғана қолдануға тура келсе, сіздің құжаттарыңыз тез шөлге айналады және өте қиын болады. Себебі кірістірілген мәнерлер сіз қалаған әрбір элементке қолданылуы керек. Сондықтан, барлық ежелердің «Arial» қаріп тұқымдары болуын қаласаңыз, құжатыңыздағы әрбір
тегіне кірістірілген мәнерді қосуыңыз керек. Бұл дизайнерге техникалық қызмет көрсетуді қосады және оқырманға жүктеу уақытын қосады, себебі бұл қаріп-отбасын өзгерту үшін оны торабыңыздағы әрбір беттің ішінде өзгерту керек болады. Баламалы түрде, егер сіз жеке стиль кестесін пайдалансаңыз, оны бір орынға өзгерте аласыз және әр бетте бұл жаңартуды аласыз.
Шындығында, бұл веб-дизайндағы артқа қадам - тегтің күндерін қайтару!
Кірістірілген мәнерлердің тағы бір кемшілігі мынада, жалған элементтерді және олармен-сыныптарды пысықтау мүмкін емес. Мысалы, сыртқы стильдер парақтарымен сіз кірістірілген, қозғалысқа келтіретін, белсенді және сілтеме тегінің байланыстыратын түстерін стильге келтіре аласыз, бірақ кірістірілген мәнермен стиль жасай алатын барлық нәрсе сілтеменің өзі, себебі бұл стиль атрибуты .
Сайып келгенде, веб-беттеріңізге кірістірілген мәнерлерді пайдаланбауды ұсынамыз , себебі олар проблемалар тудырады және беттерді сақтау үшін көп жұмыс жасайды. Оларды пайдаланудың жалғыз жолы - даму кезінде стильді жылдам тексеру керек болғанда. Біз сол бір элементке дұрыс қарап шыққаннан кейін, оны сыртқы стиль кестемізге аударамыз.
Дженнифер Крининнің түпнұсқа мақаласы. Jeremy Girard өңдейді.