5.1 ట్యాగ్ యొక్క శైలి లక్షణం
మరియు HTML గురించి మరికొన్ని ఉపయోగకరమైన విషయాలు. వెబ్ జనాదరణ పొందడం ప్రారంభించడంతో, వెబ్ పేజీలను అందంగా లేదా చాలా అందంగా రూపొందించడానికి డిమాండ్ పెరిగింది. ను ఉపయోగించడం ద్వారా ఈ సమస్య పరిష్కరించబడింది style
.
ఈ లక్షణం యొక్క సాధారణ రూపం క్రింది ఆకృతిని కలిగి ఉంది:
<tag style="name=value;name2=value2;nameN=valueN">
సెమికోలన్తో వేరు చేయబడిన అట్రిబ్యూట్ విలువ style
, ట్యాగ్కి వర్తింపజేయాల్సిన అన్ని "శైలులను" జాబితా చేస్తుంది.
మీరు చిత్రాన్ని చతురస్రాకారంగా ప్రదర్శించాలనుకుంటున్నారని 100*100
మరియు దానిని సగం పారదర్శకంగా చేయాలని అనుకుందాం. దీన్ని చేయడానికి, మీరు దీనికి ప్రత్యేక శైలులను జోడించాలి:
- వెడల్పు=100px;
- ఎత్తు = 100px;
- అస్పష్టత=0.5;
అప్పుడు ఈ చిత్రంతో ఉన్న HTML కోడ్ ఇలా కనిపిస్తుంది:
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">
వందల, వేల కాకపోయినా, శైలులు ఉన్నాయి. మరియు బ్రౌజర్ డెవలపర్లు నిరంతరం కొత్త వాటితో వస్తున్నారు. మీరు జావా డెవలపర్గా చదువుకోవడం మంచిది, వెబ్ డిజైనర్ కాదు :)
5.2 జనాదరణ పొందిన CSS స్టైల్స్
మీరు మీ జీవితంలో చాలా HTML కోడ్ను వ్రాయడం లేదా దాని శైలులను సవరించడం అసంభవం, కానీ ఏదైనా జరగవచ్చు. ఉదాహరణకు, మీరు పరీక్షించడానికి రెండు చిన్న HTML పేజీలను వ్రాస్తున్నారు API
. అందువల్ల, ప్రాథమిక శైలులను తెలుసుకోవడం HTML
ఉపయోగకరంగా ఉంటుంది.
బ్యాకెండ్ డెవలపర్ల కోసం 10 అత్యంత సాధారణమైనవి క్రింద ఉన్నాయి:
# | పేరు | ఉదాహరణ | వివరణ |
---|---|---|---|
1 | వెడల్పు | వెడల్పు: 100px | మూలకం వెడల్పు పిక్సెల్లలో |
2 | ఎత్తు | ఎత్తు: 50% | మూలకం యొక్క ఎత్తు శాతంగా (తల్లిదండ్రుల వెడల్పు) |
3 | ప్రదర్శన | ప్రదర్శన: ఏదీ లేదు | ప్రదర్శన మూలకం (మూలకాన్ని ప్రదర్శించవద్దు) |
4 | దృశ్యమానత | దృశ్యమానత: దాచబడింది | మూలకం దృశ్యమానత (మూలకం దాచబడింది, కానీ స్థలం దాని కోసం ప్రత్యేకించబడింది) |
5 | రంగు | రంగు: ఎరుపు; | వచన రంగు |
6 | నేపథ్య రంగు | నేపథ్య రంగు: పొగ | నేపథ్య రంగు |
7 | సరిహద్దు | అంచు: 1px ఘన నలుపు; | అంచు (వెడల్పు 1px, రంగు నలుపు, ఘన గీత) |
8 | ఫాంట్ | ఫాంట్: verdana 10pt | ఫాంట్: verdana, పరిమాణం 10pt |
9 | టెక్స్ట్-అలైన్ | టెక్స్ట్-అలైన్: సెంటర్; | టెక్స్ట్ సమలేఖనం అడ్డంగా |
10 | మార్జిన్ | అంచు: 2px | మూలకం వెలుపల పాడింగ్ |
మీరు ఈ ట్యాగ్లను గుర్తుంచుకోవలసిన అవసరం లేదు, ప్రతిదీ ఇంటర్నెట్లో ఉంది. అంతేకాకుండా, ప్రతి "శైలి" దాని స్వంత చెల్లుబాటు అయ్యే విలువలను మరియు విలువను వివరించడానికి దాని స్వంత ఆకృతిని కలిగి ఉంటుంది. కనీసం చూడండి border
లేదా font
.