బ్లాక్ యొక్క లేఅవుట్ ఏమిటి? ఎలా వారి స్వంత మీ సైట్ యొక్క ఒక పేజీ విధించే?

మీ స్వంత పేజీలు సైట్లు చేయడానికి తెలుసుకోవడానికి ఒక కోరిక ఉంది? అప్పుడు ఏమి బ్లాక్ లేఅవుట్ స్వావలంబన వీలు. లేఅవుట్ అనుభవం లేని సమస్యలు తీర్చేందుకు, వారు ప్రశ్నలు చాలా ఉన్నాయి. బ్లాక్ కోడింగ్ ఏమి పరిగణలోకి.

ఒక ముఖ్యమైన సూచన

ఉపయోగించండి WYSIWYG ఎడిటర్, నిద్రతో స్పష్టమైన ఉంది. వారు ప్రతిదీ అర్థం ఎందుకంటే, నోట్బుక్ లో బాగా HTML, పని తెలిసిన వారికి. మరియు ప్రారంభ ఉదాహరణకు అటువంటి ఫ్రంట్పేజ్ వంటి కార్యక్రమాలు పొందగలరు లేదా, డ్రీమ్వీవర్.

లేఅవుట్ సైట్లు రకాలు

లేఅవుట్ యొక్క అనేక రకాలు ఉన్నాయి:

1. పట్టిక.
2. బ్లాక్.
3. మిక్స్డ్.

మేము బ్లాక్ లేఅవుట్ ఆసక్తి. పట్టిక నుండి ఏమి విభిన్నంగా? DIV ట్యాగ్ ఉపయోగించి బ్లాక్ లేఅవుట్ వద్ద కొన్ని లాభాలున్నాయి:

1. బ్లాక్స్ వేగంగా రూపకల్పన లోడ్.
2. డౌన్ లోడ్ జరిగి వంటి కంటెంట్ ప్రదర్శించబడుతుంది బ్లాక్స్ (పట్టికలు కాకుండా). తెలిసినట్లు, ఈ పట్టికలు మొత్తం పట్టిక తరువాత ప్రదర్శిస్తుంది.
3. చదవడానికి div-s సులభంగా తో కోడ్.

ఇది బ్లాక్ లేఅవుట్ కోసం ప్రసిద్ధుడు అన్ని ప్రయోజనాలు కాదు.

లొకేషన్ div-బ్లాక్స్ మార్చడానికి ఎలా?

ఈ ఫ్లోట్ మాకు సహాయం చేస్తుంది - తరువాత సామర్ధ్యం కలిగి ఉంటుంది ఈ ఆస్తి,:

1. ఎడమ సమలేఖనం - ఎడమ.
2. కుడి సమలేఖనం కు - కుడి.
3. ఎలిమెంట్ ఎవరూ వాడితేనే ఆయన ఎక్కడ, అతను తరలించడానికి లేదు మిగిలిపోయింది. ఈ విలువ డిఫాల్ట్ ఉంటుంది.

మేము అవసరమైన మరో ముఖ్యమైన ఫీచర్ - స్పష్టమైన. అతను 4 విలువలను కలిగి ఉండవచ్చు:

1. మునుపటి అంశాన్ని క్రింద సంస్థాపన కోసం, కుడి, బ్లాక్ తరలించడానికి - కుడి.
2. ఎడమ తరలించబడింది ఇది మునుపటి మూలకం, క్రింద ఎడమ సెట్లు.
3. రెండు - మునుపటి స్థానచలనం బ్లాక్ సంస్థాపన.
4. గమనిక తరలించబడింది ఆ అంశాలు బ్లాక్ బంధువు స్థానం ఆంక్షలు లేకపోవడం సూచిస్తుంది.

ఉదాహరణకు

ఇది ఎలా ఒక బ్లాక్ లాగా ఉంటుంది పరిగణించండి లేఅవుట్ div. మేము మా కోడ్ వ్రాయండి:

కోడ్ కింద మీరు ఫలితంగా చూడండి. అందువలన, కోరుకున్నట్లు అనేక లక్షణాలను ఆధారంగా నియంత్రిత బ్లాక్ అమరిక చేయవచ్చు. తదుపరి క్షణం వెళ్ళండి. ఏ బ్రౌజర్ కోసం ప్రతి బ్లాక్ align, మధ్యలో: మేము text-align ఉపయోగించారు.

మీరు చూడగలరు గా, అది సైట్ యొక్క చాలా సాధారణ బ్లాక్ లేఅవుట్ ఉంది. ఇది అధ్యయనం మరియు పేజీల అనువైన నిర్మాణం సృష్టిస్తుంది మరింత లక్షణాలు సాధన ముఖ్యం.

మరింత ముఖ్యమైన ఏదో

లేఅవుట్ లో ఉపయోగిస్తున్నారు ఒక ప్రముఖ ఫీచర్ ఉంది - స్థానం, అది ఉంచుతాయి కోసం ఉపయోగిస్తారు.

స్థానం యొక్క లక్షణాలు విలువలు:

1. బంధువులు - వారి అసలు స్థానాలకు సంబంధిత అంశాల వైఖరిని అమర్చుతుంది. అప్లికేషన్ ఎడమ, పైన, righ, ఒక నిర్దిష్ట దిశలో క్రింద మూలకం కదులుతుంది.
2. స్టాటిక్ - సాధారణ ప్రదర్శన అంశం. ఇది ఏమీ దారితీయవచ్చు - ఇది కుడి / ఎడమ, పైన / క్రింద ఉపయోగించడానికి అస్సలు అర్ధమే లేదు.
3. సంపూర్ణ - సంపూర్ణ స్థానాలు మూలకం.
4. స్థిర - ఇలాంటి సంపూర్ణ. ఇది తెరపై ఒక నిర్దిష్ట స్థానం పరిధిలోనే ఉంటుంది, కానీ అది కూడా పేజీ వేగంగా కదలటం ఉంటే, దాని స్థానం మారదు.

అనేక లేఅవుట్ బ్లాకుల ఒక స్థిర నిరపేక్ష మరియు సాపేక్ష స్థానాలు ఉపయోగిస్తున్నప్పుడు ఇంపోజ్ గమనించాము. మరియు తెలిసిన అప్పుడు ఆసక్తికరమైన క్రింద బ్లాక్స్, ఇది పైన ఇది. ఈ ప్రశ్నకు సమాధానం, మీరు z-index ప్రాపర్టీ అవసరం. ఇది ఒక నూతన స్థాయికి లేఅవుట్ బ్లాక్స్ తీసుకువచ్చింది. ఈ విమానం స్థానాలు చేయడానికి, కానీ కూడా మూడవ అక్షం Z. ఒక ఆస్తి విలువ అనుకూల లేదా ప్రతికూల ఉండవచ్చు ద్వారా మాత్రమే అది సాధ్యం చేస్తుంది.

3 బ్లాక్స్ సృష్టించండి. తరువాత, సంపూర్ణ స్థానాలు ప్రయోగం.

మీరు చూడగలరు గా, బ్లాక్స్ యొక్క స్థానం మార్చడానికి సులభం. మీరు ఇప్పుడు చేయగల నిజానికి ఆధారంగా, ఏ ELEMENTARY బ్లాక్ లేఅవుట్ పేజీ చేయడానికి. మరింత లక్షణాలు దరఖాస్తు మీరు మీ నైపుణ్యాలు మెరుగు చేస్తుంది.