ប្លង់ CSS តម្រូវឱ្យអ្នកគិតអំពីប្លង់វេបសាយរបស់អ្នកទាំងមូលហើយបន្ទាប់មកយកបំណែកហើយដាក់វារួមគ្នា។ រៀនពីរបៀបបង្កើតប្លង់ 3 ជួរឈរសាមញ្ញជាមួយ CSS ។
01 នៃ 09
គូរប្លង់របស់អ្នក
អ្នកអាចគូរប្លង់របស់អ្នកនៅលើក្រដាសឬ កម្មវិធីក្រាហ្វិក ។ ប្រសិនបើអ្នកមានស៊ុមលួសឬសូម្បីតែការរចនាទូលំទូលាយជាងនេះទៅហើយសូមកុំឱ្យវាមានលក្ខណៈសាមញ្ញទៅប្រអប់មូលដ្ឋានដែលបង្កើតឡើង។ ការរៀបចំនេះដែលមានភ្ជាប់មកជាមួយអត្ថបទនេះមានជួរឈរបីនៅក្នុងតំបន់មាតិកាមេក៏ដូចជាបឋមកថានិងបាតកថា។ ប្រសិនបើអ្នកក្រឡេកមើលយ៉ាងដិតដល់អ្នកអាចឃើញថាជួរឈរបីមិនស្មើគ្នា។
បន្ទាប់ពីអ្នកបានដកប្លង់ចេញមកអ្នកអាចចាប់ផ្តើមវិមាត្រ។ ការរចនាគំរូនេះនឹងមានវិមាត្រមូលដ្ឋានដូចខាងក្រោម:
- មិនលើសពី 900 ភីចសែល
- 20 មមទទឹកនៅខាងឆ្វេង
- 10 px រវាងជួរឈរនិងជួរដេក
- ជួរឈរដែលមាន 250px, 300px និង 300px ទទឹង
- ជួរដេកខាងលើគឺកម្ពស់ 150px
- ជួរខាងក្រោមគឺកម្ពស់ 100px
02 នៃ 09
សរសេរមូលដ្ឋាន HTML / CSS និងបង្កើតធាតុធុង
ចាប់តាំងពីទំព័រនេះនឹងក្លាយជាឯកសារ HTML ត្រឹមត្រូវ, ចាប់ផ្តើមជាមួយនឹងប្រអប់ HTML ទទេមួយ
http-equiv =" មាតិកាខ្លឹមសារ "មាតិកា =" អត្ថបទ / html; charset = utf- 8 "/> <ចំណងជើង> ឯកសារគ្មានចំណងជើង ចំណងជើង < html>បន្ថែមរចនាប័ទ្ម CSS មូលដ្ឋានដើម្បី បង្រួមរឹមទំព័រស៊ុមនិងបន្ទះ ។ ខណៈពេលដែលមាន រចនាប័ទ្ម CSS ស្តង់ដារ ផ្សេងទៀតសម្រាប់ឯកសារថ្មីរចនាប័ទ្មទាំងនេះគឺអប្បបរមាដែលអ្នកត្រូវការដើម្បីទទួលបានប្លង់ស្អាត។ បន្ថែមពួកវាទៅប្រធានឯកសាររបស់អ្នក: