CSS పరిచయం

మాడ్యూల్ 3
స్థాయి , పాఠం
అందుబాటులో ఉంది

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.

వ్యాఖ్యలు
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION