CSS లేఅవుట్ మీరు మొత్తం మీ వెబ్సైట్ లేఅవుట్ యొక్క అనుకుంటున్నాను అవసరం, ఆపై ముక్కలు పడుతుంది మరియు వాటిని కలిసి ఉంచండి. CSS తో ఒక సాధారణ 3-కాలమ్ లేఅవుట్ ఎలా నిర్మించాలో తెలుసుకోండి.
09 లో 01
మీ నమూనాను గీయండి
మీరు కాగితంపై లేదా గ్రాఫిక్స్ కార్యక్రమంలో మీ లేఅవుట్ను గీయవచ్చు. మీరు ఇప్పటికే వైర్-ఫ్రేమ్ లేదా మరింత విస్తృతమైన డిజైన్ను కలిగి ఉంటే, సైట్ను రూపొందించే ప్రాథమిక పెట్టెలకు సులభతరం చేయండి. ఈ వ్యాసంతో పాటు ఈ రూపకల్పన ప్రధాన కంటెంట్ ప్రాంతంలోని మూడు స్తంభాలను అలాగే ఒక శీర్షిక మరియు ఫుటరును కలిగి ఉంటుంది. మీరు దగ్గరగా చూస్తే, మూడు స్తంభాలు వెడల్పులో సమానంగా లేవని మీరు చూడవచ్చు.
మీరు మీ లేఅవుట్ను తీసివేసిన తర్వాత, మీరు కొలతలు గురించి ఆలోచించడాన్ని ప్రారంభించవచ్చు. ఈ ఉదాహరణ డిజైన్ కింది ప్రాథమిక కొలతలు కలిగి అన్నారు:
- 900 పిక్సెల్స్ వెడల్పు లేదు
- ఎడమవైపున 20 px గట్టర్
- నిలువు వరుసలు మరియు వరుసల మధ్య 10 px
- 250px, 300px మరియు 300 px వెడల్పు ఉన్న నిలువు వరుసలు
- పై వరుస 150px పొడవు
- దిగువ వరుస 100px పొడవు
09 యొక్క 02
ప్రాథమిక HTML / CSS ను రాయండి మరియు ఒక కంటైనర్ ఎలిమెంట్ ను సృష్టించండి
ఈ పేజీ చెల్లుబాటు అయ్యే HTML పత్రం కనుక, ఖాళీ HTML కంటైనర్తో ప్రారంభించండి
శీర్షికలేని span> శీర్షిక> head> body> html>పేజీ అంచులు, సరిహద్దులు, మరియు paddings అవ్ట్ సున్నాకి ప్రాథమిక CSS శైలులను జోడించండి. కొత్త పత్రాల కోసం ఇతర ప్రామాణిక CSS శైలులు ఉన్నాయి, ఈ శైలులు మీరు ఒక క్లీన్ లేఅవుట్ పొందాలి కనీస ఉన్నాయి. వాటిని మీ పత్రం యొక్క తలపై జోడించండి: