సంబంధిత స్థానం - ఇది ఏమిటి? వివరణాత్మక వివరణ

గూడు HTML - ఒక సుదీర్ఘ ప్రక్రియ, కఠినమైన, కానీ చాలా సృజనాత్మక. ఐటి ఉద్యోగాలు పొందిన ప్రజల మెజారిటీ కోసం, వెబ్ పేజీలు లేఅవుట్ బోరింగ్ రొటీన్ అనిపించవచ్చు ఉండవచ్చు వాస్తవం ఉన్నప్పటికీ, ఇటువంటి ఒక సందర్భంలో కోసం ఒక వృత్తిని కలిగిన నిపుణులు, మాత్రమే గుణాత్మకంగా బయటకు పని తీసుకు, కానీ కూడా పరిగణింపబడే ఆనందం ప్రక్రియ నుండి అందుకుంటారు.

అయితే, మీరు ఒక అనుభవం coder కావడానికి, ప్రతి నూతన వివిధ సూచనలను మరియు రెండు HTML భాష యొక్క లక్షణాలు అధ్యయనం సమయం చాలా గడిపాడు, మరియు దాని మిత్రపక్షంతో - CSS. ఖచ్చితంగా గురించి ఏమి CSS, స్థానం సాపేక్ష - - ఇది దానికి "వంచన చెవులు" మీరు అప్ పొందుటకు అనుమతిస్తుంది, అలాగే దాని లక్షణాలు ఒకటి నేడు మేము మాట్లాడదాము.

CSS అంటే ఏమిటి?

CSS సంక్షిప్తీకరణ ప్రతిలేఖనం మరియు "కాస్కేడింగ్ స్టైల్ షీట్స్" వంటి రష్యన్ లోకి అనువదించవచ్చు. ఇది అందంగా వింత ధ్వనులు - ఒక వైపు, అది స్పష్టంగా తెలుస్తుంది, మరియు పదాలు, మరియు ఇతర న - సాధారణ అర్ధం వెంటనే స్వాధీనం లేదు. శైలి - యొక్క సాధారణ తో ప్రారంభిద్దాం. ఈ సాంకేతిక మీరు ఒక్కసారి మాత్రమే నమోదు మరియు సార్లు ఒక అనంతమైన ఉపయోగించే రూపురేఖలకు సంబంధించి పేజీలో వస్తువులు, కొన్ని లక్షణాలు అటాచ్ అనుమతిస్తుంది.

మరింత సరైన ఇక్కడ పదం "జాబితాలు" లేదా "జాబితాలు" ఉపయోగించడానికి ఉంటుంది నిజానికి, అయితే అసలు అనువాదం రచయితలు CSS జాబితా కంటే ఎక్కువ కనిపించే నిర్ణయించుకుంది, మరియు మేము ఎవరు - పదం "పట్టిక" లో అధికారిక అనువాదం దాదాపు ప్రమాదంలో కనిపించింది ఇటువంటి వాటిని ప్రయత్నించండి ఇప్పుడు.

చివరగా, పదం "కాస్కేడ్." నిజానికి ప్రతి మూలకం కలిపి చేయవచ్చు లేదా పూర్తిగా పోలిక అనేక శైలులు కలిగి ఉంది. స్థానం సంపూర్ణ - అటువంటప్పుడు, బ్రౌజర్, వాటిలో ఒకటి, అనేక శైలులు గా మారినది ఇది ఉదాహరణకు, ఒక స్థానం బంధువులు ఆస్తి ఉంది బ్లాక్, రూపాన్ని, మరియు ఇతర కంపోజ్ చేయడానికి, నియమాలను ఆశ్రయించాల్సిన పరిస్థితి ఉంది. నిజానికి, అలాంటి విభేదాలు తట్టుకోవడం సాధ్యం కాదు, కానీ పెద్ద ప్రాజెక్టులు ఇటువంటి గందరగోళం చాలా తరచుగా జరుగుతుంది.

కాబట్టి ఇప్పుడు, ప్రతిదీ పేరు నుండి స్పష్టమైన ఉన్నప్పుడు, యొక్క ఒక చిన్న ఉదాహరణ చూద్దాం. మీ సైట్ ఒక నిర్దిష్ట మార్గంలో రూపకల్పన బటన్లు పెద్ద సంఖ్యలో ఉండాలి చెప్పటానికి లెట్. ఇవి పరిమాణం, నీడ, అస్పష్టత, రంగు వంటి లక్షణాలను కలిగి. కోర్సు యొక్క, మీరు ప్రతి బటన్ సృష్టించడం, ఈ పారామితులు పేర్కొనవచ్చు, కానీ CSS ఉపయోగించడానికి చాలా సులభం చేయవచ్చు. ఆచరణలో, మీరు బదులుగా ఒక పొడవైన జాబితాను, అప్పుడు పైన లక్షణాలు అన్ని విలువలను జాబితా ఇది ఒక నిర్దిష్ట తరగతికి, వర్ణించే మరియు అవసరం, ప్రతి బటన్ ట్యాగ్ వారగా పేరు పేర్కొనాలి కనిపిస్తుంది, అప్పుడు బ్రౌజర్ కావలసిన రంగు లో ఈ అంశాలను రంగు మరియు వాటిని సరైన ఇస్తుంది "వ్యాఖ్యానం".

స్థానం ఆస్తి వేటికి?

మేము ఇప్పుడు ఈ మొత్తం వ్యాసం ప్రారంభమైంది కొరకు, ఆస్తి స్థానం నేరుగా కొనసాగండి. మీరు ఇంగ్లీష్ భాష తెలిసిన, లేదా ఒక మంచి ఊహ కలిగి ఉంటే, అప్పుడు మీరు ఇప్పటికే స్పష్టంగా ఉండాలి - ఈ ఆస్తి అంశం స్థానాన్ని బాధ్యత. నిజానికి, ఇది, కానీ బదులుగా నిర్దిష్ట స్థానాన్ని నిర్ణయించడం మార్గం, ఈ ఆస్తి సంబంధించి అది ఒక అమర్చాలి ఎలా బ్రౌజర్ లేదా మరొక మూలకం ప్రక్కనే లేదా మొత్తం పేజీ అంతటా చెబుతుంది.

ఏ విలువలు స్థానం ప్రాపర్టీ చెయ్యవచ్చు?

మా ఆస్తి వివిధ విలువలు అంగీకరిస్తాము, కేవలం ఐదు ఉన్నాయి. ఇక్కడ ప్రతి ఒక సంక్షిప్త వర్ణన ఉంది:

• స్థానం వారసత్వంగా. ఈ ఫీచర్ మీరు ఒక పేరెంట్ మూలకం యొక్క స్థానం డేటా కాపీ అనుమతిస్తుంది. ఉదాహరణకు, మీరు ఒక పేర్కొన్న స్థానం బంధువులు తో DIV ఉంటే, అప్పుడు అది లోకి IMG వారసత్వంగా విలువ కూడా బంధువులు అమర్చబడుతుంది తో ప్రవేశించింది.
• స్టాటిక్ ఉంచండి. ఈ విలువ ఏ విధంగా తప్ప, స్వయంచాలకంగా అన్ని అంశాలు ఇవ్వబడుతుంది. మూలకాలు వాటి స్థానం మార్చడానికి అనుమతిస్తుంది, కోడ్ లో పేర్కొన్నారు మరియు "frills" వివిధ అందుబాటులో ఉండవు స్థానం లోకి సరిపోయే.
• స్థానం సంపూర్ణ. ఈ విలువ ద్వారా స్థానం ఆస్తి చాలా తరచుగా ఒక "ఫ్లోటింగ్" మూలకం సృష్టించడానికి అవసరమైన సందర్భాల్లో ఉపయోగిస్తారు. ప్రాపర్టీ అంశం ఇచ్చిన విలువ తో పేజీ యొక్క ఇతర భాగాలు కోసం "కనిపించని" ఉంది. వారు మా సంపూర్ణ మూలకం లేదు ఉంటే గా ఏర్పాటు, ఉంది. అతను తనను తాను ఎల్లప్పుడూ సంబంధం లేకుండా ఇప్పటివరకు scrolled ఎంత పేజీ యొక్క, స్థానంలో ఉంటుంది.
• స్థానం పరిష్కరించబడింది. పలు రకాలుగా, ఈ విలువ మునుపటి మాదిరిగానే, అయితే, సంపూర్ణ మూలకం మాతృ, స్థిర ఉపయోగాలు బ్రౌజర్ స్క్రీన్ ఎగువ ఎడమ మూలలో మాత్రమే అక్షాంశాలు, అది ముందు అంశాలు మిగిలిన విస్మరించి సన్నద్ధమవుతోంది ఉంది.
• చివరగా, బంధువులు ఉంచండి. ఈ రకం విలువలు సాధారణ "రబ్బరు" లో అంటారు మార్కింగ్ స్వీకృత సృష్టించడానికి ఉపయోగపడుతుంది ఇది, ఇతర స్థానాలు సంబంధిత మూలకం అనుమతిస్తుంది. ఈ లక్షణంతో, అంశం పేజీలో వారి స్థానం మార్చడానికి సామర్థ్యం కోల్పోకుండా, "పుష్" ఇతర.

వివిధ బ్రౌజర్లలో స్థానం పని

అన్ని బ్రౌజర్లు సమానంగా అనుకూలంగా ఉంటాయి. గ్రహించిన స్థానం విలువ ఏ hitches లేకుండా ఇంటర్నెట్ సర్ఫింగ్ కోసం ప్రత్యామ్నాయ కార్యక్రమాలు ఖచ్చితంగా వాస్తవమైనప్పటికీ, "దీర్ఘకాలికంగా ప్రత్యేక» ఇంటర్నెట్ ఎక్స్ప్లోరర్ ఆస్తి, దాని వెర్షన్ బట్టి భావించింది.

"గాడిద" వారు కేవలం అది పట్టించుకోకుండా - ఉదాహరణకు, ఇప్పటికే "ఖననం" బ్రౌజర్ IE6 ఉపయోగించి, మీరు విలువ స్థిర మరియు వారసత్వంగా ఉపయోగించలేరు. అయితే, పరిస్థితి యొక్క ఏడవ వెర్షన్ మెరుగుపరచడానికి ప్రారంభమైంది, మరియు ప్రియమైన వారసత్వాన్ని, స్థిర ఇప్పటికే ప్రాసెస్ వాస్తవం ఉన్నప్పటికీ "ఇతర బ్రౌజర్లలో డౌన్లోడ్ బ్రౌజర్," దాని ఎనిమిదవ అవతారం చేరుకుంది.

పరిశీలకులు మిగిలిన ప్రశాంతంగా మధ్య 90 లో ప్రచురించబడింది దాని 4 రకరకాలుగా లక్షణాలు మద్దతు కలిగియున్నది చేసే ఒపేరా మినహా, తో, మొదటి వెర్షన్ తో స్థానం నిర్వహించడానికి.

జావాస్క్రిప్ట్ లో స్థానం పని

నిజానికి, జావాస్క్రిప్ట్ లో స్థానం ఆస్తిని పని ఎలా కథ ఉంది, మేము మాత్రమే బిడియం కొరకు చేర్చాను. div.style.position = 'సాపేక్ష': ఈ ఆస్తి కాదు టైటిల్ ఏ ప్రత్యేక అక్షరాలను కలిగి ఎందుకంటే, మీరు JS ఏ మార్పులు లేకుండా, ఉదాహరణకు, బంధువులు div స్థానం సెట్ ఈ వంటి ఒక లైన్ కలిగి ఉండాలి ఉపయోగించవచ్చు.

మీరు చూడగలరు గా, అందంగా సులభం.

ఎందుకు స్థానం సంబంధిత ప్రయోజనాలపై ప్రత్యేక శ్రద్ధ?

ఆస్తి విలువలు స్థానం చాలా, ఇది స్వల్పంగా పరిసర అంశాలపై "ఉమ్మివేసారు", విలువ ఉపయోగించి "శైలి స్థానం: సాపేక్ష" ఉంచాలి ఉండగా, ఎల్లప్పుడూ, మొత్తం మొత్తం పేజీ గురించి కోసమని అసమాన వినియోగం కారణంగా మారవచ్చు గట్టిగా "మార్చే" స్క్రీన్ యొక్క మొత్తం కంటెంట్లను .

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

మీరు సంబంధిత స్థానాలు ఎప్పుడైనా వాడాలి?

పేజీలు HTML యొక్క సంప్రదాయ లేఅవుట్ పాటు, స్థానం బంధువులు తరచుగా ఆసక్తికరమైన ప్రభావాలు వివిధ సృష్టించడానికి ఉపయోగిస్తారు. ఉదాహరణకు, మీరు ఒక అంశం అనుకుంటే విరుద్దంగా, క్రమంగా దాని భూభాగం మించి వెళ్ళింది పేజీలో "వచ్చింది" లేదా, అది ఖచ్చితంగా ఈ ఆస్తి మీరు ఈ "ట్రిక్" అమలు సహాయపడుతుంది.

మీరు ఒక నిర్దిష్ట వేరియబుల్ విలువ చక్రీయ మార్పు సర్దుబాటు చేయడానికి CSS3 యొక్క లక్షణాలు ద్వారా, ప్రగతిశీల అమలుచేయటానికి గురి ఉంటే ఈ "ట్రిక్స్" జావాస్క్రిప్ట్ ద్వారా అమలు చేస్తారు, లేదా.

అదనంగా, సాధ్యం కొన్ని సందర్భాల్లో సృష్టించడానికి "హైబ్రిడ్" విలువలు స్థానం బంధువులు. CSS, భాగంలో కాదు అదే సమయంలో మీరు స్థానం లాగ సెట్ అనుమతిస్తుంది:, కానీ కొన్ని ఉపాయాలు ఉపయోగించి సంపూర్ణ చుట్టం, అది ఇప్పటికీ సాధ్యం ఈ ప్రభావం సాధించడానికి ఉంది. మీరు వంటి ఏదో సంక్లిష్ట సృష్టించాలి పేరు ఈ విధానం సందర్భాలలో ఉపయోగపడతాయి ఒక టూల్టిప్లో లేదా పాప్ అప్ మెను. ఉదాహరణలు గమనిస్తే, మేము ఒక నిర్మాణానికి ఒక వివరణ ఇస్తుంది "హైబ్రిడ్."

సాపేక్ష స్థాయిలు ఉపయోగించి ఉదాహరణలు

సంబంధిత స్థానం - ఇది అందంగా సులభం, కానీ మీరు ఆసక్తికరమైన ప్రభావాలు వివిధ అమలు అనుమతించే అనువైన సాధనం. సమయం వృధా మరియు నిష్ఫలమైన కోడ్ టెంప్లేట్ వ్రాయడానికి ఉంచడానికి లేదు క్రమంలో, మేము మీ సైట్ లేదా నిర్దిష్ట పేజీలను అలంకరించవచ్చు అనేక మౌఖిక అల్గోరిథంలు ప్రస్తుత.

యొక్క "రన్నవుట్" లైన్ తో ప్రారంభిద్దాం. మీరు "ప్రయాణం" స్క్రీన్ ఎడమ అంచు ఎందుకంటే నెమ్మదిగా కుడి వైపు తరలించే అని ఒక మూలకం కోసం ఒక అవసరం అనుకుందాం. అటువంటి "విధానం" స్థానం పెట్టుకోవాలి అమలు: సంబంధిత; ఎడమ: -100px, అక్కడ -100 - బ్లాక్ వెడల్పు నెలకొల్పబడిన పిక్సెళ్ళు సుమారుగా సంఖ్య. ఈ శైలి మీరు "ప్రారంభ స్థానం" లో ఉంచి, స్క్రీన్ బయట యూనిట్ దాచడానికి అనుమతిస్తుంది. ఇప్పుడు మీరు కాలం అది బ్రౌజర్ విండో యొక్క వెడల్పు మైనస్ మూలకం యొక్క వెడల్పు సమానంగా మారింది లేదు వంటి వదిలి యూనిట్కు ఆస్తి విలువను ప్రతి కొన్ని మిల్లీసెకన్లు పెరుగుతుంది ఒక స్క్రిప్ట్ ఉపయోగించవచ్చు. ఫలితంగా స్క్రీన్ అంతటా గాయమైంది మరియు అతని కుడి చేతిలో "నిలిపిన", ఎడమ అంచున బయటకు వచ్చే ఒక యూనిట్.

మరో ఉదాహరణ, మీరు "సాపేక్ష సంపూర్ణ" అంశాలు సృష్టించడానికి అనుమతిస్తుంది. ఉదాహరణకు, మీరు ఒక సంపూర్ణ మరొక లోపల, స్థానం బంధువులు కలిగి నమోదు చేయవచ్చు. ఫలితంగా, మేము సంపూర్ణ చెక్కి ఇది పరిమాణంలో లేదు ఒక "సాపేక్ష" బ్లాక్ కలిగి, ఇప్పుడు మునుపటి మూలకం యొక్క స్వతంత్ర స్థానం మానిఫెస్ట్ కూడా చేయవచ్చు.

స్థానం బంధువులు ఉపయోగిస్తున్నప్పుడు విలక్షణ తప్పులు

స్థానం బంధువులు ఉపయోగిస్తున్నప్పుడు అత్యంత సాధారణ తప్పు అనేక వెబ్ డిజైనర్లు ఎక్కడైనా ఉన్న ఇది యూనిట్ లో చోటు రిజర్వ్ సామర్థ్యం గురించి మర్చిపోతే ఉంటుంది. ఉదాహరణకు, మీరు ఒక మాదిరి స్క్రీన్ మరియు సాపేక్ష స్థానాలు కలిగి బయట ఉంచుతారు పెద్ద కలిగి ఉంటే, దాని స్థానంలో ఒక ఆవలింత "రంధ్రం" అవుతుంది. అయితే, ఈ ఆస్తి కొన్నిసార్లు నిర్దిష్ట అసౌకర్యం మంచి కోసం దాని బ్లాక్స్ అన్ని క్రమంగా టాప్ స్థానంలో ఉంచుతారు ఇక్కడ సైట్ యొక్క "స్వీయ-సమాహార" యొక్క ఒక ఆసక్తికరమైన ప్రభావం సృష్టించడం, ఉదాహరణకు, వాడవచ్చు సృష్టిస్తుంది ఉంది: 0; ఎడమ: 0; t. ఇ. దాని అసలు స్థానం.