Што каскадныя табліцы стыляў?
Сайты складаюцца з некалькіх асобных частак, у тым ліку малюнкаў, тэксту і розных дакументаў. Гэтыя дакументы ўключаюць у сябе не толькі тыя, якія могуць быць звязаныя з розных старонак, як PDF файлы, але і дакументы, якія выкарыстоўваюцца для пабудовы саміх старонак, як HTML-дакументы, каб вызначыць структуру старонкі і CSS (каскадныя табліцы стыляў) дакументы дыктаваць знешні выгляд старонкі. Гэты артыкул будзе капацца ў CSS, пакрываючы тое, што гэта і дзе ён выкарыстоўваецца на сайтах сёння.
CSS-ўрок гісторыі
CSS ўпершыню быў распрацаваны ў 1997 годзе як спосаб для вэб-распрацоўнікаў, каб вызначыць знешні выгляд вэб-старонак, якія яны стваралі. Ён быў прызначаны , каб дазволіць вэб - прафесіяналам аддзяліць змест і структуру кода вэб - сайта ад візуальнага дызайну, то , што не было магчыма да гэтага часу.
Падзел структуры і стылю дазваляе HTML выконваць больш функцый, што яна была першапачаткова на аснове - разметка ўтрымання, без неабходнасці турбавацца аб канструкцыі і кампаноўкі самой старонкі, нешта вядомае як «выглядаць і адчуваць сябе» старонкі.
CSS не атрымліваў папулярнасць прыкладна да 2000 года, калі вэб-браўзэры пачалі выкарыстоўваць больш асноўныя шрыфты і каляровых аспекты гэтай мовы разметкі. Сёння ўсе сучасныя браўзэры падтрымліваюць усе CSS Level 1, большасць з CSS Level 2, і нават большасць аспектаў CSS Level 3. Як CSS працягвае развівацца, і новыя стылі ўведзеныя, вэб-браўзэры прыступілі да рэалізацыі модуляў, якія прыносяць новую падтрымку CSS у гэтых браўзэрах і дае вэб-дызайнерам новыя магутныя прылады мадэлявання, каб працаваць.
У (шмат) мінулых гадоў, былі абярыце вэб-дызайнеры, якія адмовіліся выкарыстоўваць CSS для дызайну і распрацоўкі вэб-сайтаў, але гэтая практыка ўсё, але сышлі з галіны сёння. CSS зараз шырока выкарыстоўваецца стандарт у вэб-дызайне, і вы б цяжка знайсці тых, хто працуе ў гэтай галіны, якія сёння не маюць, па меншай меры, базавую разуменне гэтай мовы.
CSS з'яўляецца абрэвіятурай
Як ужо згадвалася, тэрмін CSS азначае «каскадныя табліцы стыляў.» Давайце разбярэм гэтую фразу трохі ўніз, каб больш поўна растлумачыць, што гэтыя дакументы.
Слова «табліца стыляў» ставіцца да самога дакументу (напрыклад, HTML, CSS файлы сапраўды толькі тэкставыя дакументы, якія могуць быць адрэдагаваныя з рознымі праграмамі). Табліцы стыляў выкарыстоўваюцца для дакумента дызайну на працягу многіх гадоў. Яны з'яўляюцца тэхнічнымі спецыфікацыямі для макета, няхай гэта будзе друк або ў Інтэрнэце. Друк дызайнеры ўжо даўно выкарыстоўваюцца табліцы стыляў, каб пераканацца, што іх праекты будуць надрукаваны менавіта іх спецыфікацыі. Табліца стыляў для вэб-старонкі служыць той жа мэты, але з дадатковай функцыянальнасцю таксама кажа вэб-браўзэр, як зрабіць гэты дакумент разглядаецца. Сёння, табліцы стыляў CSS можна таксама выкарыстоўваць медыя - запыты , каб змяніць спосаб знешні выгляд старонкі для розных прылад і памераў экрана . Гэта неверагодна важна, так як гэта дазваляе аднаму HTML дакумент будзе выглядаць інакш, у залежнасці ад экрана выкарыстоўваецца для доступу да яго.
Каскад з'яўляецца сапраўды асаблівай часткай тэрміна «каскадных табліц стыляў». Ліст вэб - стыль прызначаны для каскаднага праз шэраг стыляў у гэтым лісце, як рака над вадаспадам. Вада ў рацэ дзівіць усе скалы ў вадаспад, але толькі тыя, на дне ўплывае менавіта там, дзе вада будзе цячы. Тое ж самае ставіцца і да каскаду ў лістах сайт стылі.
Кожная вэб-старонка залежыць, па меншай меры адзін стылі, нават калі вэб-дызайнер не прымяняе ніякіх стыляў. Гэтая табліца стыляў з'яўляецца карыстальнікам стыль агента ліст - таксама вядомы як стылі па змаўчанні , што вэб - браўзэр будзе выкарыстоўваць для адлюстравання старонкі , калі не прадугледжаны ніякія іншыя інструкцыі. Напрыклад, па змаўчанні гіперспасылак аформлены ў сініх і яны падкрэслены. Гэтыя стылі зыходзіць з стыляў па змаўчанні вэб-браўзэра. Калі вэб-дызайнер падае іншыя інструкцыі, аднак, браўзэр павінен будзе ведаць, якія каманды маюць прыярытэт. Усе браўзэры маюць свае ўласныя стылі па змаўчанні, але многія з тых, па змаўчанні (як сіні падкрэслены тэкст спасылкі) з'яўляюцца агульнымі для ўсіх або большасці асноўных браўзэраў і іх версій.
Для іншага прыкладу браўзэра па змаўчанні, у вэб - браўзэры, шрыфт па змаўчанні « Times New Roman » адлюстроўваецца ў памеры 16. Амаль ні адна з старонак , якія я наведваю адлюстраванне ў гэтым сямейства шрыфтоў і памер, аднак. Гэта адбываецца таму , што каскад вызначае , што другі табліцы стыляў, якія ўсталёўваюцца самімі дызайнерамі, каб перавызначыць памер шрыфта і сям'ю, перакрываючы па змаўчанні майго вэб - браўзэра. Любыя табліцы стыляў, якія вы ствараеце для вэб-старонкі будуць мець больш канкрэтыкі, чым стылі па змаўчанні браўзэра, так што гэтыя значэнні па змаўчанні будзе прымяняцца толькі калі табліца стыляў не адмяняе іх. Калі вы хочаце спасылкі быць сінім колерам і падкрэсьліваньнем, вам не трэба нічога рабіць, так як гэта па змаўчанні, але калі файл CSS вашага сайта кажа, што спасылкі павінны быць зялёнага колеру, то колер будзе перакрываць сіні па змаўчанні. Падкрэсліванне будзе заставацца ў гэтым прыкладзе, так як вы не пазначана іншае.
Дзе CSS выкарыстоўваецца?
CSS можа таксама выкарыстоўвацца, каб вызначыць, як вэб-старонкі павінны выглядаць пры праглядзе ў іншых сродках масавай інфармацыі, акрамя вэб-браўзэра. Напрыклад, вы можаце стварыць табліцу стыляў друку, які будзе вызначаць, як вэб-старонкі неабходна раздрукаваць. Паколькі элементы вэб-старонка, такія як кнопкі навігацыі або вэб-форма не будуць мець ніякай мэты на друкаванай старонцы, адбіткі Style Sheet можа быць выкарыстаны для «выключэння» тых абласцей, калі старонка друкуецца. Хоць на самай справе не з'яўляецца распаўсюджанай практыкай на многіх сайтах, магчымасць стварэння друку табліц стыляў з'яўляецца магутным і прывабным (у маім вопыце - большасць вэб-прафесіяналы не робяць гэта проста таму, што вобласць бачнасці сайта бюджэту не патрабуе гэта дадатковая праца, каб зрабіць ).
Чаму CSS важна?
CSS з'яўляецца адным з самых магутных інструментаў вэб-дызайнер можа даведацца, таму што з яго дапамогай вы можаце паўплываць на ўвесь знешні выгляд сайта. Добра напісаныя табліцы стыляў могуць быць абноўлены хутка і дазваляюць сайты, каб змяніць тое, што з'яўляецца прыярытэтам візуальна на экране, што, у сваю чаргу, паказвае значэнне і фокус для наведвальнікаў, без якіх-небудзь змяненняў, якім неабходна ўнесці ў асноўным HTML-разметку.
Асноўная задача CSS з'яўляецца тое, што ёсць зусім няшмат, каб даведацца - і браўзэры мяняюцца кожны дзень, што добра працуе сёння, не можа мець сэнс заўтра, як новыя стылі сталі падтрымлівацца і іншыя адкідаюцца або выпадаюць з карысці для той ці іншай прычыны ,
Паколькі CSS можа каскад і аб'яднаць, і ўлічваючы тое, як розныя браўзэры могуць інтэрпрэтаваць і выконваць дырэктывы інакш, CSS можа быць больш складаным, чым просты HTML да майстра. CSS таксама змены ў браўзэрах так, што HTML сапраўды не робіць. Пасля таго, як вы пачнеце выкарыстоўваць CSS, аднак, вы ўбачыце, што выкарыстанне энергіі табліц стыляў дасць вам неверагодную гнуткасць ў тым, як макет вэб-старонак і вызначыць іх знешні выгляд. Па шляху, вы будзеце назапашваць «хітрасьць» стыляў і падыходаў, якія працавалі для вас у мінулым, і якія вы можаце ператварыць зноў, як вы будуеце новы вэб-старонку ў будучыні.
Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 7/5/17,