តើអ្វីទៅជា CSS3?
តើអ្វីទៅជា CSS3?
CSS3 គឺជាជំនាន់ចុងក្រោយរបស់ភាសា CSS ដែលវាបន្ថែមនូវ Attribute ថ្មីៗជាច្រើន ហើយវាជារឿងពិសេសមួយសម្រាប់ Designer ពីព្រោះវាងាយស្រួលជាងមុន និង ជួយឲ្យ Website កាន់តែមានភាពស្រស់ស្អាតហើយមើលទៅមានភាពទាក់ទាញ ។
តើ CSS3 នេះអាចដំណើរការនៅលើ Browser ណាខ្លះ?
ពិតណាស់បើទោះជាមានមានលក្ខណៈពិសេសច្រើនមែន ប៉ុន្តែវាមិនអាចដំណើរការបានគ្រប់ Browser នោះទេពីព្រោះវាជាជំនាន់ថ្មីដូចនេះទាមទាឲ្យយើងប្រើប្រាស់ Browser ដែលជំនាន់ខ្ពស់ដែរ ហើយ Browser ទាំងនោះគួរតែមានលក្ខណៈដូចខាងក្រោម៖ Firefox Version 3.5 ឡើងទៅ, Safari Version 3 ឡើងទៅ, Opera 9.5 ឡើងទៅ, Internet Explorer Version 9 ឡើងទៅ និង Chrome ។
ចំណាំ៖ ទោះជាយ៉ាងណាក៏ដោយក៏មាន Properties មួយចំនួននៅតែមិនអាចដំណើរការបានដដែល ដូចនេះសូមកុំបារម្ភអីវាមិនប៉ះពាល់ដល់កូដដទៃទេ ។
ការប្រើប្រាស់ CSS3
ដោយសារតែមាន Properties ច្រើនយកមកបង្ហាញមិនអស់ ដូចនេះយើងសូមលើកយកមកបង្ហាញ ពីការដាក់ស្រមោលទៅលើអក្សរ និង ឲ្យវា skew 15ដឺក្រេ ដោយប្រើ CSS3 ។
ខាងក្រោមជាការសរសេរកូដ HTML ដោយប្រើ Tag H1
ក្រោយពីយើងបានសរសេរកូដ CSS3 ដោយប្រើ Attribute text-shadow: 1px 1px 2px blue; ដែលដាក់ស្រមោលទៅក្រោម ១px, ទៅស្ដាំ ១px, ដាក់កម្រិតនៃការជះស្រមោល ២px, ហើយពណ៌ស្រមោលខៀវ យើងនឹងទទួលបានលទ្ធផលដូចខាងក្រោម៖
ជាចុងក្រោយយើងនឹងដាក់ឲ្យ H1 នេះទ្រេតដោយប្រើ Attribute transform របស់ CSS3 ដែល background: gray; សម្រាប់ដាក់ពណ៌ផ្ទៃប្រផេះ ហើយ text-align: center; សម្រាប់ដាក់អក្សរឲ្យនៅចំកណ្ដាល ។
សម្រាប់ Attribute ខ្លះរបស់ CSS3 គឺតម្រូវឲ្យដាក់ prefix នៅពីមុខ ដើម្បីឲ្យស្គាល់តាមប្រភេទ Browser ទើបវាដំណើរការ ហើយ moz ជា prefix សម្រាប់ Firefox, webkitជា prefix សម្រាប់ Chrome និង Safari, o ជា prefix សម្រាប់Opera, ms ជា prefix សម្រាប់ Internet Explorer ។
ក្រោយពីអនុវត្តន៍តាមកូដខាងលើអ្នកនឹងទទួលបានលទ្ធផល៖
សូមសាកល្បងដោយខ្លួនអ្នក! ! ! !
