បែបផែនជា CSS: ជ្រុងមូលនៃធាតុ

វាក្យសម្ព័ន្ធនៃល្បាក់សន្លឹករចនាប័ទ្មត្រូវបានបង្កើតឡើងគ្រាន់តែថាលទ្ធភាពនៃការទទួលបានការរចនាមិនបានរំពឹងទុកភាគច្រើនគឺអាចរកបានសូម្បីតែនៅឆ្ងាយពីការសរសេរកម្មវិធីនិងការអភិវឌ្ឍនៃតំបន់បណ្ដាញរបស់មនុស្ស។ ប្រហែលជាការពិតដែលថាកុមារលេងជាមួយប្លុកនៅតែមាននៅក្នុងសតិរបស់អ្នករាល់គ្នា, ប្រើបទពិសោធច្រើនវិស័យក្នុង HTML, CSS គឺជាការងាយស្រួល។

ទោះជាយ៉ាងណាកម្មវិធីបច្ចុប្បន្ននៅតែមានយ៉ាងខ្លាំងនៅឆ្ងាយពីការបង្ហាញពីការពិតសំណង់។ រហូតមកដល់ពេលនេះតំបន់ណាមួយ (បានកាន់កាប់អ្វីដែលអ្នកចូលចិត្តធាតុប្លុក) នៅក្នុងការណាមួយនៃអត្ថន័យនិងការតែងតាំងជាផ្លូវការនៃរាងចតុកោណដែលត្រូវបានបង្កើតឡើងនៅក្នុងបន្ទាត់វណ្ឌវង្កខ្សែកោងដែលអ្នកចង់បានរបស់ខ្លួន។

រហូតមកដល់ពេលនេះរង្វង់ណាមួយ, បង្គត់កាំ, របៀបត្រង់កោងនិងដូច្នេះនៅលើ។ P បានរៀបរាប់សមីការស្មុគស្មាញគណិតវិទ្យាឬគូបតូចណាស់ trapezoid, ត្រីកោណឬធាតុ rectilinear ផ្សេងទៀតដែលសំគាល់ដល់ភ្នែកជាចំណុចនៅលើបន្ទាត់មួយ។

ការរចនាត្រង់បុរាណ

វាមិនមែនជាការភ្ញាក់ផ្អើលទេដែលមានការរីកចម្រើននៅក្នុងវិស័យបច្ចេកវិទ្យាការសរសេរកម្មវិធីនិងច្បាប់កំណត់រចនាពចតុកោណ។ គំនិតច្នៃប្រឌិតថ្មីមិនខ្ជះខ្ជាយពេលវេលាលើរាងមូលប៉ុន្តែមិនភ្លេចដើម្បីធ្វើបទបង្ហាញនៅក្នុងការចោលនៃលក្ខណៈពិសេសអ្នកអភិវឌ្ឍឱ្យបានគ្រប់គ្រាន់និងច្បាប់ស្លាក HTML, CSS និងភាសាសរសេរកម្មវិធីដែលពាក់ព័ន្ធ។

ធាតុណាមួយដែលបានប្រើនៅលើទំព័រនេះគឺជាតំបន់ចតុកោណមួយដែលវាត្រូវបានបម្រុងទុកសម្រាប់ផ្នែកជាច្រើនដែលមាននៅក្នុងករណីគ្នាគួរត្រូវបានប្រើតែពិចារណាពីតម្រូវការចាំបាច់លក្ខណៈពិសេសសម្គាល់មាតិកា krossbrauzernosti សំណង់ជាវាក្យសម្ព័ន្ធដែលអាចប្រើជាក់លាក់។

ច្បាប់ទូទៅសម្រាប់ជា CSS

ល្បាក់សន្លឹករចនាប័ទ្មដើម្បីរៀបរាប់ធាតុផ្តល់ជូននេះមានដូចខាងក្រោម:

• លក្ខណៈសម្បត្តិ: តម្លៃ។

ក្នុងករណីនេះអចលនទ្រព្យ - ឈ្មោះជាក់លាក់និងតម្លៃអាចជាឈ្មោះមួយឬការចុះបញ្ជីឈ្មោះឬតម្លៃមួយ។

ទាក់ទងទៅនឹងធាតុប្លុកនិងតម្រូវការដើម្បីធ្វើការបានតាមរយៈ CSS ដែលមានរាងមូលជ្រុង, វាធ្វើឱ្យយល់ក្នុងការប្រើទ្រព្យសម្បត្តិព្រំដែន-កាំនិងតម្លៃរបស់វានៅក្នុងទ្រង់ទ្រាយ "38px" ឬ "8px 16px 24px 38px" ។

ប្រសិនបើតម្លៃដែលបានផ្ដល់ឱ្យដោយលេខតែមួយ, វានឹងត្រូវបានកំណត់ទៅទាំងនោះសម្រាប់មុំទាំងអស់។ កត់ត្រាតម្លៃទាំងបួនគឺ:

• ចំនួនជាលើកដំបូង - ទៅជ្រុងខាងលើឆ្វេង;
• លើកទីពីរ - ដើម្បីខាងលើផ្នែកខាងស្តាំ;
• ទីបី - ទៅជ្រុងខាងស្ដាំ;
• ថ្មីបំផុត - ទៅខាងឆ្វេងទាប។

ការចែករំលែកមួយចំនួននៃច្បាប់

ព្រំដែនគំនិត, រូបភាពនិងផ្ទៃខាងក្រោយអាចត្រូវបានប្រើរួមគ្នា។ នេះគឺជាការធម្មតានិងបានរៀបរាប់ច្បាប់មិនជ្រៀតជ្រែកជាមួយនឹងគ្នា, ការបង្កើតសមាសភាពរួម។ អ្វីដែលមេ - ទទួលខុសត្រូវចំពោះការពិតដែលថាឈ្មោះរបស់គ្នានៃពួកគេតំណាងឱ្យ, និងរបៀបដែលវាត្រូវបានអនុវត្ត។

មុនពេលការអនុវត្តនេះឬធាតុដែលថាវាជាការសំខាន់ដើម្បីធ្វើការពិសោធន៍មួយចំនួននិងការធ្វើតេស្តនៅលើកម្មវិធីរុករកការងារជាច្រើន។ ការតំរង់ទិសក្នុងការផ្តល់ដំបូន្មាននេះ, អនុសាសន៍ឧទាហរណ៍នៃភាគីទីបីឬវាក្យសម្ព័ន្ធ CSS, រាងមូលជ្រុងនិងដូច្នេះនៅលើ។ អិនគឺជាការល្អប្រសើរជាងការអនុវត្តកម្រស្រស់របស់ខ្លួន។

វាជាការសំខាន់ក្នុងការយល់ថាព្រំដែន, រូបភាព, នៅក្នុងលក្ខខណ្ឌនៃការរចនាមុំ - ប្រភេទដូចគ្នានៃគំនិត។ គំនូរអាចត្រូវបានបង្ហាញដែលមិននៅក្នុងទ្រង់ទ្រាយ PNG & ‧; ។ លោកនឹងត្រូវបានកាត់ផ្តាច់ដោយកម្មវិធីរុករកនេះបើយោងតាមច្បាប់ដែលបានបង្កើតឡើងនៅក្នុង CSS នេះ។ ជ្រុងមានរាងមូល - អ្នកអភិវឌ្ឍន៍យកចិត្តទុកដាក់ដោយមិនគិតពីការ៉េនៃសម្ភារៈប្រភព។

លក្ខណៈពិសេស របស់ HTML, CSS បាន ពីកម្មវិធីរុករក

សូមស្វាគមន៍មកលក់ដុំថតរចនាប័ទ្ម - សម្រាប់កម្មវិធីរុករកបណ្ដាញនៅពេលតែមួយទាំងអស់។ ទោះយ៉ាងណាឧទាហរណ៍បុរាណលើប្រធានបទ "ជា CSS: រាងមូលជ្រុង" ការផ្តល់ជូនដើម្បីសរសេរដូច្នេះ:

ផ្ទៃខាងក្រោយ: # FF7F00; / * ផ្ទៃខាងក្រោយ * /

ព្រំដែន: #CCCCCC 1px រឹង; / * ព្រំដែន * /

-moz ព្រំដែន-កាម: 10px; / * CSS ដែលមានរាងមូលជ្រុងសម្រាប់កម្មវិធី Mozilla Firefox * /

-webkit ព្រំដែន-កាម: 10px; / * ... សម្រាប់ Safari និង Chrome * /

-khtml ព្រំដែន-កាម: 10px; / * ... Konquerer * /

ព្រំដែន-កាំ: 10px; / * CSS បាននេះមានរាងមូលជ្រុងសម្រាប់ទាំងអស់ * / និងដូច្នេះនៅលើ។ អិន

ទោះជាយ៉ាងណាក្នុងករណីភាគច្រើនវាគឺគ្រប់គ្រាន់ដើម្បីបញ្ជាក់ក្បួនចុងក្រោយ។ លែងត្រូវការតទៅទៀតគួរត្រូវបានប្រើតែនៅពេលដែលមានគឺជាតម្រូវការពិតប្រាកដ។

តារាងបុរាណនិងអស្ចារ្យ

ទោះបីជាមានអ្នកគាំទ្រជាច្រើនប្លង់ការជំទាស់តារាង (TR TD) និងជម្រើសនៃការប្រើស្លាក div ម៉ែត្រ (ប្លង់«អស្ចារ្យ»), ការអនុវត្តន៍គោលដៅជម្រើសអនុគ្រោះចាំបាច់សមហេតុផល។

ក្នុង divs មានសេចក្តីថ្លៃថ្នូរមួយចំនួននៅក្នុងតុផ្សេងទៀត។ ប្រសិនបើពួកគេមិនបានបំពេញឱ្យគ្នាទៅវិញទៅមកហើយគ្រាន់តែជាការប្រកួតប្រជែង, សំណួរនេះនឹងត្រូវបាន evaporated យ៉ាងលឿនបាននៅក្នុងកំណែមួយដែលរួមបញ្ចូលគ្នានូវទិដ្ឋភាពល្អបំផុតនៃតារាងនិង divs ។

ភាគច្រើននៃតំបន់បណ្ដាញដែលបានបង្កើតដោយប្រើផ្នែកគ្រប់គ្រងតុលាការនេះ (ប្រព័ន្ធគ្រប់គ្រងមាតិកា), និងនៅក្នុងការបោះចោលរបស់អ្នកអភិវឌ្ឍន៍ដែលបានមកមិនត្រឹមតែទូលំទូលាយនៃទិន្នន័យ "យក្ស" នៃថតរាប់រយនាក់បានវត្ថុទេប៉ុន្តែថែមតុ។

ស្លាក [div | រយៈពេល], ដូច, មិនឈរចេញទេប៉ុន្តែរឿងតែមួយគត់ដែលមកយ៉ាងច្បាស់នៅក្នុងសេចក្ដីមេត្ដាករុណាពេញលេញនៃការអភិវឌ្ឍន៍ - សន្លឹករចនាប័ទ្ម CSS បានមួយ។ និងផ្នែកគ្រប់គ្រងតុលាការណាមួយបំបែកយ៉ាងច្បាស់កូដជាផ្នែកមួយនៃវាចេញពីគំនិតច្នៃប្រឌិតរបស់អ្នកអភិវឌ្ឍន៍និងរចនាប័ទ្មផ្ទាល់របស់ពួកគេនៃរចនាប័ទ្មបន្ថែមទៀត, និងនៅក្នុងករណីនៃការផ្លាស់ប្តូរ (ឧទាហរណ៍, CSS - បង្គត់ជ្រុងនៃតារាង) អ្នកអាចតែងតែស្តារការកំណត់និងរចនាប័ទ្មលំនាំដើម។

ខ្សែកោងនិងមុំដែលមិនគ្រប់គ្រងដោយវាក្យសម្ព័ន្ធ

អ្នកអាចគោរពយ៉ាងតឹងរឹងដោយច្បាប់ទាំងអស់នៃ HTML, CSS, ប៉ុន្តែដើម្បីឱ្យមានលទ្ធផលពួកគេមិនត្រូវបានផ្តល់ឱ្យ។ superimposing ធាតុទៅគ្នាទៅវិញទៅមក, វាគឺអាចធ្វើបានដើម្បីទទួលបានតំបន់នៃការកំណត់រចនាសម្ព័ន្ធណាមួយឡើយ។ ការប្រើប្រាស់របស់ PHP ការអភិវឌ្ឍនៅលើម៉ាស៊ីនបម្រើ, អ្នកអាចផ្ញើទៅកាន់កម្មវិធីរុករករបស់អ្នកទស្សនានិងឯកសាររចនាប័ទ្មណាមួយដើម្បីភ្ជាប់ទៅពួកគេកូដ JavaScript ដែលសមរម្យនៅក្នុងរាងកាយរបស់ HTML ដែលឯកសារឬឯកសារ js ដាច់ដោយឡែកមួយនេះ។

វ៉ារ្យ៉ង់សៀគ្វីណាមួយដែលសំណុំបែបបទនៃធាតុណាមួយគឺជាច្បាប់ទ្រព្យសម្បត្តិ CSS ដែល! ជ្រុងមានរាងមូល - គ្រាន់តែពិសេសនិងឱកាសពិតប្រាកដគឺច្រើនកាន់តែទូលំទូលាយ។ ក្នុងករណីនេះការសរសេរកម្មវិធីវត្ថុផ្ទាល់ខ្លួនរបស់អ្នកអ្នកមិនអាចយកចិត្តទុកដាក់លក្ខណៈនៃកម្មវិធីរុករកបុគ្គល, ប្រើតែស្លាកនិងរចនាសម្ព័ន្ធនៃភាសា Hypertext ដែលត្រូវបានមើលឃើញដោយទាំងអស់ដោយគ្មានកម្មវិធីរុករកករណីលើកលែង។

ដោយប្រើគំនិតនៃ Object-Oriented Programming, អ្នកអាចរចនារូបរាងនៃជ្រុងមួយឬខ្សែកោងមួយត្រូវបានពិតជាមិនបានព្យាករណ៍ដោយទម្រង់កម្មវិធីរុករកណាមួយ។ ក្នុងករណីនេះវាមិនមែនជាការចាំបាច់ដែលថានេះនឹងក្លាយជាជ្រុងនៃតំបន់នេះដែលជាដើមឡើយមានរាងចតុកោណ។ វាជាការសំខាន់ដែលថាសមាសភាគនៃខ្សែកោងដែលបានរៀបរាប់នៅក្នុងសំណុំបែបបទនៃច្បាប់ជា CSS, ការរួមបញ្ចូលគ្នាទៅជាលេខកូដ JavaScript ដែលមើលឃើញតែមួយវត្ថុនិងនៅពេលខាងស្ដាំនៅក្នុងកម្មវិធីរុករកកន្លែងនេះខាងស្ដាំ, ឆ្លុះបញ្ចាំងពីខ្លួនវាផ្ទាល់នៅក្នុងសំណុំបែបបទត្រឹមត្រូវ។

បច្ចេកវិទ្យានេះមិនជ្រៀតជ្រែកជាមួយវត្ថុដូចនៅក្នុងការសម្រេចនូវយន្តហោះឬដោយខ្លួនគេបង្ហាញមួយចលនាបីវិមាត្រ។