តើ Cascading Style Sheet (CSS) ជាអ្វី?

   Cascading Style Sheet (CSS) គឺជា​ប្រភេទ Style Sheet language ​សម្រាប់​​​បន្ថែម​ភាព​ស្រស់​ស្អាត​ទៅ​ឲ្យ markup language ។ CSS ជា ​បច្ចេកវិទ្យា​គ្រឹៈ​ដែល​គេ​និយម​ប្រើ​ច្រើន​បំផុត​ក្នុង​ការ​ប្រើ​ប្រាស់ ដើម្បី បង្កើត​វេបសាយ​ដែល​មានភាពស្រស់​ស្អាត និង រស់រវើក ។ ​លក្ខណៈ​ពិសេស គឺ​ប្រើ​សម្រាប់​បន្ថែម Style ​ទៅលើ web pages ដូចជា HTML និង XHTML ឬ XML ជាដើម ។

ពីមុនពេល​ដែល​គ្មាន​ CSS រាល់ការតុបតែង ទៅលើ HTML ត្រូវប្រកាស​នូវ Attributes របស់ Tag HTML ​ដូចជា font color, Background styles, elements alignments, borders និង size ។

យើងឃើញថាការតែង Styles ទាំងនេះ វាមាន​លក្ខណៈ​ដ​ដែល​ៗ និង ខាត​ពេល​វេលា ហេតុ​ដូចនេះ CSS បាន​បង្កើត​ឡើង​នូវ Style sheet ដើម្បី ផ្ដល់​ភាព​ងាយ​ស្រួល​ក្នុង​ការ​សរសេរ​កូ​ដ ការ​គ្រប់គ្រង ជា​ពិសេស​មានភាពទាក់ទាញ​ឲ្យ​កាន់តែស្រស់​ស្អាត​ជាង HTML ។

ការ​បន្ថែម Style របស់ CSS មាន​ដូចជា បង្កើត Layout , Color, Font ជាដើម ។ ការ​បន្ថែម Style ទាំងនេះវាមានភាព​ងាយស្រួល​, ដោយមានការបែងចែកជា Block ​នីមួយៗ ផ្ដល់​នូវ​ភាព​បត់បែន​នឹង​ងាយស្រួល​ក្នុង​ការ​ត្រួត​ពិនិត្យ​បន្ថែម​របស់ Layout ។

CSS ​ត្រូវបាន​ផ្តួចផ្តើមគំនិត​បង្កើត​វាឡើងដោយ លោក Hakon Wium Lie នៅ ថ្ងៃ​ទី ១០ ខែតុលា ឆ្នាំ ១៩៩៤ ។ ក្នុង​ខណៈពេលនោះ លោក Lie បាន​កំពុង​ធ្វើការ​ជាមួយ លោក Tim Berners-Lee នៅ ក្រុមហ៊ុន CERN (European Organization for Nuclear Research) ។
      ភាសា Style Sheet ​សម្រាប់ Design Website បានលេចចេញជារូបរាងឡើងហើយនៅខណៈ
ពេលនោះហើយ ត្រូវបាន​គេពិភាក្សា និង កំណត់​ ​ឲ្យ​​ប្រើ​ប្រាស់ ជាលើកដំបូង ដោយ W3C (World Wide Web Consortium) ។ ផែនការរបស់លោក Bert Bos ពិតជាមាន​សារៈ​សំខាន់​ខ្លាំងណាស់ ដោយ​លោក​បានក្លាយជា​អ្នក​ចូលរួម​ក្នុង​ការ​បង្កើត CSS1 ជា​ពិសេស​លោកបាន​ចូលរួម​ក្នុង​ការ​បង្កើត CSS រហូត​មក​ដល់​ពេល​បច្ចុប្បន្ន ។

CSS បានដាក់ ​ឲ្យ​​ប្រើ​ប្រាស់​ជា​ផ្លូវ​ការលើកដំបូង ដោយ W3C មាន​ឈ្មោះ​ថា CSS1 Level1 នៅ​ថ្ងៃ ទៅ ១៧ ខែធ្នូ ឆ្នាំ ១៩៩៦ ដោយលោក Håkon Wium និងលោក Bert ។ លោក​ទាំងពីរ​ជាមនុស្សដំបូង​ដែល​បង្កើត​វាឡើង ។ សមត្ថភាព​របស់ CSS1 មាន​ដូចជា​៖

♦ CSS 1

· Font properties មាន​ដូចជា typeface និង emphasis
· Color of text , backgrounds and other elements
· Text Attribute ​ដូចជា spacing ​ទៅលើ words, letters និង​ line of text
· Alignment of text , images, tables and other elements
· Margin , border, padding, and positioning for most elements
· Unique identification and generic classification of groups of attributes

♦ CSS 2

CSS level 2 ​ត្រូវបាន បង្កើត​ឡើងដោ W3C និងដាក់ ​ឲ្យ​​ប្រើ​ប្រាស់ ក្នុង​ខែ ឧសភា​ឆ្នាំ​១៩៩៨ ។ CSS 2 មាន​លក្ខណៈ​ពិសេស​ជាង CSS1 មាន​ដូចជា​ Property Absolute, relative និង fixed positioning of elements និង z-index , the concept of media types, support of aural style sheet, bidirection text, និង new font properties such as shadow ។

♦ CSS 2.1

ដោយ CSS2 មាន​បញ្ហា Errors ​ច្រើន​ W3C បានបញ្ចេញ នូវ Version CSS2.1 ​សម្រាប់​កែ​តម្រូវ​ទៅលើ CSS2 ។ វាមាន​លក្ខណៈ ស្តង់ដាជាង CSS2 ជា​ពិសេស គឺវា Support ទៅ Browser version ថ្មីៗ ។

♦ CSS3

CSS3 មាន​លក្ខណៈ​ខុសពី CSS2 ​ដែល​វាមាន​លក្ខណៈ​ពិសេស ដែល​ត្រូវ​បាន​គេ​កំណត់​ឡើង ។ CSS3 ​ត្រូវបាន​បែងចែកជា​ផ្នែក​ផ្សេងៗ មួយចំនួនហៅថា Module ។
Module ​នីមួយៗ​បាន​បន្ថែម​សមត្ថភាព​ថ្មី ដោយបានពង្រីក​លក្ខណៈ​ពិសេស​ដែល​បាន​កំណត់​នៅ​ក្នុង CSS 2 ។ វា​ត្រូវបាន​គេដាក់ ​ឲ្យ​​ប្រើ​ប្រាស់​ក្នុង​ខែមិថុនា ឆ្នាំ​១៩៩៨ ។
Modules នីមួយៗ មាន​លក្ខណៈ​ផ្សេងៗ​គ្នា ក្នុង​មិថុនា​ឆ្នាំ 2012 Modules CSS មានជាង ៥០ ដែល​បានដាក់ ​ឲ្យ​​ប្រើ​ប្រាស់​ដោយ CSS របស់ក្រុម​ការងារ CSS ។ ជា​ចុងក្រោយ​មាន៤ Modules ​ដែល​ត្រូវ​បាន​ដាក់​ឲ្យ​ប្រើ​ប្រាស់​ជា​ផ្លូវ​ការមាន​ដូចជា​៖
· 2012-06-19: Media Queries
· 2011-09-29: Namespaces
· 2011-09-29: Selectors Level 3
· 2011-06-07: Color
♦ CSS 4

CSS 4 មាន​លក្ខណៈ​បំពេញ​បន្ថែម ទៅលើ CSS3 ដោយវា​បំបែក​ទៅកាន់ modules ។
Modules ​ទាំងអស់​មាន ៤ modules ។ Modules ​ត្រូវបាន​អនុញ្ញាត​ឲ្យ​ធ្វើការ​ដោយ ឯករាជ្យ ។ modules ភាគ​ច្រើន​គឺមាន level 3 ។ Modules level 4 មាន​ដូចជា Image Values, Background និង Border ឬ Selector ។
តម្រូវការមុខវិជ្ជាមុននឹងអាច​សិក្សា​ CSS
មុននឹងអ្នកអាច​សិក្សា​មុខវិជ្ជា CSS នេះចាំបាច់អ្នកត្រូវមានចំនេះដឹង​ខ្លះ​ៗ​ទាក់​ទងនឹងមុខវិជ្ជា HTML ​ដែល​ជាមុខវិជ្ផាដំបូង​ដែល​អ្នកចង់​សិក្សា​ផ្នែក​គេហទំព័រត្រូវតែ​សិក្សា​​មុនគេមុននឹងឈានទៅចាប់យកមុខវិជ្ជាផ្សេងៗ​ទៀត ។ ___________________________________________________________________________
ប្រភពដកស្រង់៖ http://www.antkh.com/tech/2211
ដកស្រង់ចេញពីប្រភពដើម៖ https://en.wikipedia.org/wiki/Cascading_Style_Sheets

Comments