CSS బాక్స్: ఆశువుగా మరియు ప్రభావం

అన్ని దాని తార్కిక సరళత కోసం క్యాస్కేడింగ్ స్టైల్ షీట్స్ (CSS) సాధ్యం ఒక అద్భుతమైన డిజైన్ పరిష్కారం సృష్టించడానికి మాత్రమే తయారు, కానీ కూడా వాస్తవ కోడ్ యొక్క పనితీరు అనుకరించే, రియల్ చర్య అంశాలు అందిస్తాయి.

ఏ దృశ్య ట్యాగ్ HTML మార్కింగ్ - ఒక ప్రత్యేక నిర్మాణం మరియు కంటెంట్ దీర్ఘచతురస్రాకారంగా. మూలకం అక్షాంశాలు, పరిమాణం, padding, రంగు, ఫాంట్, ఫాంట్ శైలి సూచికను ఉన్నాయి, మొదలగునవి. ఫ్రేమ్ CSS-మూలకం నియమించబడిన ఇక్కడ వెడల్పు దాని సరిహద్దులకు లోపలి ఉన్న చేస్తున్నారు, వాటిని ఆక్రమిత ప్రాంతం నిర్దేశిస్తుంది.

వాక్యనిర్మాణం వివరణ

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

వివరణ అతనికి గురిపెట్టి LINK సూచన, శైలి ఇన్సర్ట్ పేజీ కోడ్ లేదా ఒక ప్రత్యేకమైన ఫైల్ లో నేరుగా జరుగుతుంది. వాక్యనిర్మాణం:

#name {property: value; ఆస్తి: విలువ; ఆస్తి: విలువ; ...}

లేదా

.name {property: value; ఆస్తి: విలువ; ఆస్తి: విలువ; ...}

పేరు కూడా p, శరీరం, html, పట్టిక, td ఉంటుంది ... ఆ HTML మార్కప్ ట్యాగ్ యొక్క పేరు. శైలి మూలకం యొక్క వివరణ తో నేరుగా అనుసంధానం చేయవచ్చు.

మీరు నా సొంత రచనా శైలి తయారు ముందు, అది లేదా బ్రౌజర్ లో నేరుగా దాన్ని వీక్షించడానికి Ctrl-U నొక్కడం ద్వారా పేజీ కోడ్ ఉంచడం, ప్రముఖ సైట్లలో చేసిన ఎలా చూడటానికి బాధించింది కాదు.

ప్రధాన పారామితులు

నిజానికి CSS ఫ్రేమ్ మూలకం ప్రాతినిధ్యం శైలిలో (సరిహద్దు శైలి) రంగుల (సరిహద్దు రంగు), వెడల్పు (సరిహద్దు వెడల్పు). ఇది అన్ని ఒక ఆస్తి లో వాడబడిన చేయవచ్చు - సరిహద్దు. మీరు స్వతంత్రంగా ప్రతి ఫ్రేమ్ సరిహద్దు వర్ణించేందుకు చేయవచ్చు (border-top, సరిహద్దు అడుగు సరిహద్దు లెఫ్ట్, సరిహద్దు కుడి).

కాస్కేడింగ్ స్టైల్ షీట్స్ సాధారణ నియమాలు వర్ణించారు CSS ఫ్రేమ్:

సరిహద్దు: 3 px;
సరిహద్దు రంగు: ఎరుపు;
సరిహద్దు శైలి: డబుల్ ఘన చుక్కల గీతల.

డబుల్, కుడి ఎగువ వైపు - పరిగెత్తి ఘన క్రింద, ఎడమ - పాయింట్: ఎరుపు, శైలి వైపులా - ఈ వివరణ 3 పిక్సెళ్ళు, రంగు సరిహద్దు వెడల్పు అమర్చుతుంది.

సరిహద్దు వెడల్పు: -1 పిఎక్ష్ 2px 4 px 8px;
సరిహద్దు రంగు: నీలం;
సరిహద్దు శైలి: చుక్కల.

నీలం, మరియు శైలి - - స్పాట్ ఇక్కడ, ప్రతి వైపు కొలతలు కూడా వరుసగా టాప్, సవ్య, రంగు నుండి ఉన్నాయి.

సరిహద్దు రంగు: నీలం ఎరుపు ఆకుపచ్చ నలుపు;

ఈ వివరణలో, వ్యక్తిగతంగా ప్రతి వైపు రంగు పేర్కొన్న. బహుళ పారామితులు, మరియు ఫ్రేమ్ రౌండ్ కోణాల సరిహద్దును ఆస్తి ఉంటాయి:

సరిహద్దు: -1 పిఎక్ష్ ఆకుపచ్చ ఘన;
సరిహద్దు వ్యాసార్థం: 0 px 4 px 8px 12px;
-moz సరిహద్దు వ్యాసార్థం: 0 px 4 px 8px 12px;
-webkit-సరిహద్దు వ్యాసార్థం: 0 px 4 px 8px 12px;

CSS ఫ్రేమ్ చేయడానికి ఎలా, అది పేజీలో ప్రాంతం యొక్క ఖచ్చితమైన స్థానం మరియు పరిమాణం చూపించడానికి ముఖ్యం ఉన్నప్పుడు సాధారణంగా శైలీ ప్రభావం, సాంకేతిక ప్రయోజనాల కోసం ఉపయోగిస్తారు ఎందుకంటే, మీ సంఖ్య యొక్క వినియోగం ఆధారపడి ఉంటుంది.

ఫ్రేమ్ మరియు దాని ప్రయోజనం యొక్క మందం

ఫ్రేమ్ యొక్క మందం ఎంచుకోవడం ద్వారా, మీరు px, pt, em ఉపయోగించవచ్చు ... కానీ అది మనస్సులో పుడుతుంటాయి చేయాలి రంగంలో మూలకం లోపల ఎల్లప్పుడూ అని. ఇది ఫ్రేమ్ ఒక CSS డిజైన్ ప్రయోజనం ఉంది అని ఊహించుకోవటం కష్టం, కానీ సాంకేతికంగా అది పేజీ యొక్క అంశాలను హైలైట్ చాలా ఉపయోగకరంగా ఉంది.

మెయిన్ ఫ్రేమ్ తరగతి లాక్ చేయబడితే, ఈ నకిలీ తరగతి లో పేర్కొనడం ద్వారా కనపడడు: హోవర్, అది అది ఒక మెను ఐటెమ్ హైలైట్ పేజీ మూలకం యొక్క మీ చూపబడుతుంది చేయవచ్చు, ఇది మౌస్ కర్సర్ ఉన్నప్పుడు. కొన్నిసార్లు అది, చిత్రం క్లిక్ చేయడం ద్వారా ఏదో ఎంచుకోండి లేదా ఎక్కడో ఏదో డ్రాగ్ అవసరం. ఇది డాట్ ఫ్రేమ్ ఉపయోగించండి, మరియు మూలకం యొక్క నేపథ్య లేదా దాని కంటెంట్లను మార్చడానికి చాలా సౌకర్యవంతంగా ఉంటుంది.

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

కింద బయట

ప్రముఖ సైట్లు పరిశోధన సంకేతాలు పేజీలు ప్రాముఖ్యత ఉంది CSS ట్యుటోరియల్స్, చాలా ఆసక్తికరంగా ఉన్నాయి. అయితే, సొంత వనరులను ప్రత్యేకంగా ఉండాలి, అది దాని సొంత ముఖం కలిగి ఉండాలి.

CSS ఫ్రేమ్ యొక్క సింటాక్స్ అందించిన దాని సొంత చొరవ వంటి, అటువంటి వివిధ ఇవ్వదు. ఆశువుగా సాగే - ఒక గొప్ప ప్రారంభం, మరియు ఏమీ వారి సొంత ఫ్రేమ్ నిర్మించడానికి ఒక డెవలపర్ నిరోధిస్తుంది. ముఖ్యంగా ఇంటర్నెట్ టెక్నాలజీ అన్ని విజయాలు మరియు ఇప్పటికే ప్రమాణాలు సామర్థ్యాలతో ఇది (నిర్వచనం ద్వారా) ఎల్లప్పుడూ ఒక ఖచ్చితంగా అధికారిక ఉంది ఉంది ఇప్పటికే వాక్యనిర్మాణం, యొక్క నిజమైన లోపాలను ఆధారంగా అనేక మంచి ఆలోచనలు కలిగి.

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