Қаріп тегтері Cascading Style Sheets (CSS) арқылы

Сіз ескі веб-сайтқа қарап, HTML ішіндегі ерекше тегті көрдіңіз бе? Көптеген жылдар бұрын веб-дизайнерлер өзінің веб-беттерінің шрифттерін өздері HTML-де орнатқан еді, бірақ құрылымның (HTML) және стилінің (CSS) бөлімі біраз уақыт бұрын осы тәжірибені бұзды.

Веб-дизайн бойынша бүгінгі күні тегтің қолданылуы тоқтатылды. Бұл тег HTML сипаттамасының бөлігі емес екенін білдіреді. Кейбір браузерлер бұл тегті бұрынғыдан кейін қолдағанымен, HTML5-де, яғни, тілдің ең соңғы иерархиясы болып табылмайды. Бұл тег HTML құжаттарыңыздан артық болмауы керек дегенді білдіреді.

Қаріп тегіне балама

HTML парағындағы мәтіннің қаріпін тегпен белгілей алмасаңыз, сіз не қолданасыз? Cascading style sheets (CSS) - бүгінгі таңда веб-сайттардағы қаріп мәнерлерін (және барлық визуалды мәнерлерді) қалай орнатасыз. CSS тегтің жасай алатын барлық нәрселерін, сонымен қатар әлдеқайда көп нәрсені жасай алады. HTML-парақтарымыздың нұсқасы болған кезде тегтің не істей алатындығын қарастырайық (есіңізде болсын, ол ешқашан қолдау көрсетілмейді, сондықтан ол опция емес) және оны CSS арқылы қалай жасау керектігін салыстыру.

Қаріп тобын өзгерту

Қаріптің беті - қаріптің беті немесе отбасы. Қаріп тегімен сіз «face» атрибутын қолданасыз және оны мәтіннің әрбір бөліміне жеке қаріптерді орнату үшін бірнеше рет бірнеше рет қоюға тура келеді. Егер сіз осы шрифтпен түбегейлі өзгертуді қажет етсеңіз, сіз осы жеке тегтердің әрқайсысын өзгертуіңіз керек болды. Мысалға:

бұл қаріп sans-serif емес

Қаріптің «беті» орнына CSS-де бұл «отбасы» шрифті деп аталады. Қаріпті орнататын CSS мәнерін жазасыз. Мысалы, барлық мәтінді Garamond-ге баптауды қаласаңыз, келесідей визуалды стильді қосуға болады:

body {font-family: Garamond, Times, serif; }

Бұл CSS стилі веб-беттегі барлық нәрселерге Garamond қаріп тұқымдарын қолданады, себебі құжаттың әрбір элементі

Қаріп түсін өзгерту

Бетпен қалай болғанда, сіз мәтіннің түсін өзгерту үшін «түс» атрибуты мен ондық кодтарды немесе түс атауларын қолданасыз. Жылдар бұрын сіз бұл тақырыпты тақырып элементтері сияқты мәтіндік элементтерге жеке орнатқан боларсыз.

бұл қаріп күлгін

Бүгінде сіз CSS-ті ғана жаза аласыз.

Бұл әлдеқайда икемді. Егер өзгерту қажет болса

Сіздің сайтыңыздың әрбір бетінде CSS файлыңызда бір өзгеріс жасай аласыз және сол файлды пайдаланатын әрбір бет жаңартылады.

Қарттармен бірге

Көрнекі стильдерді белгілеу үшін CSS-ні ​​пайдалану көптеген жылдар бойы веб-дизайнер стандарты болды, сондықтан егер сіз тегті пайдаланатын бетке қарасаңыз, онда бұл өте ескі бет және оны ағымдағы веб-сайтқа сәйкестендіру үшін қайта жасау қажет озық тәжірибелер мен заманауи веб-стандарттарды жобалау.

Jeremy Girard өңдейді