Што азначае «Каскад» азначае ў каскадных табліцах стыляў?

Каскадныя табліцы стыляў або CSS настроены такім чынам, што вы можаце мець шмат уласцівасцяў, усё якія ўплываюць на той жа элемент. Некаторыя з гэтых уласцівасцяў могуць канфліктаваць адзін з адным. Напрыклад, вы можаце ўсталяваць колер шрыфта чырвоных на тэгу абзаца, а затым, пазней, ўсталяваць колер шрыфта сіняга колеру. Як браўзэр, які колер, каб зрабіць пункты? Гэта вырашаецца каскадам.

тыпы стыляў

Ёсць тры розных тыпу табліц стыляў:

  1. Аўтар табліцы стыляў
    1. Гэтыя табліцы стыляў, створаныя аўтарам вэб-старонкі. Яны то, што большасць людзей думаюць пра тое, калі яны думаюць, табліц стыляў CSS.
  2. Стыль карыстальніка Sheets
    1. табліцы стыляў карыстальніка ўсталёўваюцца карыстальнікам вэб-старонкі. Гэта дазваляе карыстальніку мець больш кантролю над тым, як адлюстроўваць старонкі.
  3. Прыстасаваныя лісты Агент Стыль
    1. Гэтыя стылі, вэб-браўзэр ставіцца да старонкі, каб адлюстраваць гэтую старонку. Напрыклад, у XHTML, большасць візуальных агентаў карыстальнікаў паказваюцца пазнакі ў якасці курсіву. Гэта вызначана ў спецыфікацыі карыстацкага стылю агент.

Ўласцівасці, якія вызначаны ў кожным з прыведзеных вышэй табліц стыляў даюць вагу. Па змаўчанні, ліст аўтара стыль мае найбольшы вага, а затым табліца стыляў карыстальніка, і , нарэшце, ліст карыстацкага стылю агента. Адзінае выключэнне з гэтага правілы з ! Важным правілам ў табліцах стыляў карыстальніка. Гэта мае большую вагу , чым аўтар стылі.

каскадны заказ

Для вырашэння канфліктаў, вэб - браўзэры выкарыстоўваюць наступны парадак сартавання , каб вызначыць , які тып мае прыярытэт і будзе выкарыстоўвацца:

  1. Па-першае, звярніце увагу на ўсе дэкларацыі, якія адносяцца да элемента ў пытанні, і для прызначанага тыпу носьбіта.
  2. Тады паглядзіце на тое, што табліца стыляў гэта прыбывае з. Як паказана вышэй, лісты аўтар стыль прыйшоў першым, то карыстальнік, то агент карыстальніка. З! Стыль важны карыстальнікам, якія маюць больш высокім прыярытэтам, чым аўтар! Важныя стылямі.
  3. Чым больш канкрэтна селектар, тым больш перавагі ён атрымае. Напрыклад, стыль на «div.co р» будзе мець больш высокі прыярытэт, чым адзін раз на "р" пазнакі.
  4. Нарэшце, сартаваць правілы па парадку яны былі вызначаныя. Правілы, якія вызначаны ніжэй у дрэве дакумента маюць больш высокі прыярытэт, чым тыя, якія вызначаны раней. А правілы з імпартаванай табліцы стыляў будуць разгледжаныя да правілаў непасрэдна ў табліцу стыляў.