>> [సంగీతాన్ని]
>> డౌ LLOYD: సో యొక్క ఒక మరింత తీసుకుందాం వీడియో మరో భాష గురించి మాట్లాడటానికి.
మేము CSS గురించి మాట్లాడదాము ఈ సమయంలో.
కోసం చిన్న ఇది కాబట్టి CSS, శైలి షీట్లు క్యాస్కేడింగ్
మేము ఉపయోగించే మరొక భాషను ఉంది వెబ్సైట్లు నిర్మాణానికి.
ఈ వంటి దాని గురించి ఆలోచించండి.
HTML మేము నిర్వహించడానికి ఉపయోగించవచ్చు ఏమి ఉంటే మేము మా పేజీలో ఉంచాలి కావలసిన కంటెంట్,
CSS మేము సాధారణంగా ఉపయోగించే సాధనం మా వెబ్సైట్లను చూడండి ఎలా అనుకూలీకరించడానికి,
మరియు యూజర్ అనుభవాన్ని నిజంగా మా వెబ్సైట్ మాట్లాడటం, ఉంది.
>> HTML పోలి, CSS ఉంది ఒక ప్రోగ్రామింగ్ భాష.
ఇది తర్కం లేదు.
ఇది వేరియబుల్స్ లేదు.
ఇది ఏ విధమైన లేదు సి చేసే సంబంధించిన విషయాలు ప్రవహిస్తున్నాయి.
ఇది ఒక స్టైలింగ్ భాష.
మరియు దాని వాక్యనిర్మాణం అందంగా ఉంది సాధారణ, మరియు కేవలం వివరిస్తుంది
ఎలా అంశాలు మా పేజీ నిర్దిష్ట HTML కలిగి
అంశాలు చివరి మార్పు చేయాలి.
చివరికి, మీరు కలిగి ఉంటే ఇంకా, HTML లో మా వీడియో వీక్షించారు
లేదా తెలియని HTML సాధారణంగా, మీరు
ఆ పరిశీలించి అనుకోవచ్చు CSS మొదటి, ఎందుకంటే ఈ చర్చ
ఆధారపడి అన్నారు HTML యొక్క కొన్ని జ్ఞానం.
>> కాబట్టి ఇక్కడ ఒక నిజంగా వార్తలు సాధారణ CSS శైలి.
మీరు ఎప్పుడూ చేసిన కూడా ముందు CSS తో ప్రోగ్రామ్,
మీరు గుర్తించడానికి నేను అందంగా ఖచ్చితంగా ఉన్నాను ఈ శైలి సరిగ్గా ఏమిటి.
ఇది ఏమి చేస్తుంది?
Well, మా వెబ్ శరీరం దరఖాస్తు శరీరం టాగ్లు మధ్య పేజీ, ప్రతిదీ
మా HTML, మరియు అది అమర్చుతుంది నీలం ఆ పేజీ యొక్క నేపథ్య రంగు.
Well, ఇది చాలా సులభమైన శైలి ఉంది.
ఇది నిజానికి చాలా మానవ వార్తలు అనుకూలమైన భాష, CSS.
సో మీరు ముందు ఉపయోగించారు ఎప్పుడూ చేసిన కూడా మీరు బహుశా చేసినవి అంచనా కాలేదు.
నిజానికి, మేము ఒక పేజీ, పేరు లోడ్ ఈ శైలి, ఏదో పొందుపరచబడింది తర్వాత
మా పేజీ నేపథ్యం రంగును చేస్తాను నీలం, మరియు ప్రామాణిక తెలుపు కాదు.
>> సో ఎలా మేము స్టైల్ నిర్మించడానికి చెయ్యాలి?
Well మొదటి, మేము కలిగి ఒక సెలెక్టర్ గుర్తిస్తాయి.
గత ఉదాహరణలో, ఆ సెలెక్టర్ శరీరం ఉంది.
అప్పుడు మేము ఒక ఓపెన్ కలిగి గిరజాల జంట కలుపు, మరియు మేము ఉన్నాము
నిర్వచించు ప్రారంభం కానుంది ఆ సెలెక్టర్ కోసం శైలి.
గిరజాల జంట కలుపులు మధ్య, మేము కేవలం కీ విలువ జతలను జాబితాలో ఉన్నాయి.
మునుపటి విలువ జత నేపథ్య రంగు నీలం సెమికోలన్,
కానీ మేము ఈ మరింత పని చేయడు.
మీరు బహుళ విషయాలు దరఖాస్తు కలిగి కాలేదు ట్యాగ్ ఆ సెలెక్టర్ శరీరానికి.
వాటిని ప్రతి ఒక వేరు సెమికోలన్, మరియు మేము వాటిని ప్రతి ఒక కాల్
ఒక డిక్లరేషన్, ఒక CSS డిక్లరేషన్.
మేము అన్ని స్టైలింగ్ మేము పూర్తి చేసినప్పుడు నిర్దిష్ట ట్యాగ్ దరఖాస్తు కావలసిన,
మేము కేవలం ఒక మూసివేయడం వంకర కలిగి శైలి ముగించడానికి బ్రేస్,
మరియు మేము శైలి నిర్వచించు పూర్తి చేసిన నిర్దిష్ట సెలెక్టర్ కోసం.
>> కొన్ని సాధారణ CSS లక్షణాలు ఏమిటి?
Well, బహుశా మీరు ఉంచాలి కావలసిన ఏదో చుట్టూ సరిహద్దు.
మీరు చెప్పే కాబట్టి, సరిహద్దు, అని మీ కీ ఉంటుంది,
ఆపై మీ విలువలు ఉంటుంది, ఏ శైలి, రంగు, మరియు వెడల్పు
మీరు ఉండాలనుకుంటున్నాను.
కాబట్టి శైలి ఒక ఘన కావచ్చు లైన్, ఒక చుక్కల లైన్, ఒక గీతల లైన్
ఉంగరాల లైన్ అవుతుంది ఒక RIDGE లైన్.
బహుశా మీరు అది కలిగి అనుకుంటున్నారా నీలం లేదా నలుపు లేదా ఆకుపచ్చ ఉండాలి.
బహుశా మీరు ఉండాలనుకుంటున్నాను 1 లేదా 2 లేదా 10 పిక్సెల్స్ వెడల్పు.
మీరు ఆ విషయాలు అన్ని పేర్కొనవచ్చు.
బహుశా మీరు నేపథ్య సెట్ చేయాలనుకుంటున్నారా ఒక నిర్దిష్ట మార్గంలో మీ పేజీ యొక్క రంగు.
మేము ఇప్పటికే సెట్, ఆ చూసింది శరీరం నేపధ్యం నీలం ఉండాలి.
>> అప్పుడు మీరు ఒక కీ పదం ఉపయోగించవచ్చు, కాబట్టి CSS కొన్ని రంగులు ఉంది
ఆ, అది ఆకుపచ్చ, నీలం నిర్మించబడ్డాయి నలుపు, మేము తెలిసిన చాలా సులభమైన రంగులు.
కానీ మీరు కూడా ఏ పేర్కొనవచ్చు మీరు చేర్చదలచిన హెక్స్ రంగు.
రంగులు గుర్తించగల రీకాల్ మూడు హెక్స్ సంఖ్యల సమితి
0 నుండి 255, RG అండ్ బి ఎరుపు, ఆకుపచ్చ, నీలం మరియు భాగం.
కాబట్టి మేము పేర్కొనవచ్చు మేము ద్వారా కావలసిన ఏ రంగు,
బదులుగా నీలం లేదా ఆకుపచ్చ లేదా నలుపు ఉపయోగించి యొక్క, పౌండ్ ఉపయోగించి మరియు hex అప్పటి ఆరు అంకెలు,
మరియు మాకు ఇచ్చి ఆరు అంకెల రంగు.
కాబట్టి ఆ నేపథ్య రంగు ఉంది.
>> మేము కూడా ముందువైపు కలిగి సాధారణంగా ఇది రంగు,
మీ పేజీ యొక్క టెక్స్ట్ అవతరిస్తుంది.
మరియు మీరు అదేవిధంగా అలా ముఖ్య పదం మరియు లేదా ఆరు digit hex తో.
కాబట్టి మీరు ఏ రంగు పేర్కొనవచ్చు మీరు మీ పేజీ యొక్క టెక్స్ట్ కోసం కావలసిన
ఒక నిర్దిష్ట వ్యతిరేకంగా నేపథ్య రంగు అప్ పైన.
మీరు కూడా మార్చవచ్చు మరియు లావాదేవీ చేస్తాయి ఫాంట్, మరియు మార్గం టెక్స్ట్ తో
పేజీలో ఆలపించారు.
>> కాబట్టి మీరు మీ ఫాంట్ పరిమాణం మార్చవచ్చు.
మీరు అటువంటి అదనపు ముఖ్య పదాలను, ఉపయోగించవచ్చు అదనపు చిన్న లేదా చిన్న xx, లేదా మధ్యస్థ,
పెద్ద, మరియు అందువలన న.
మీరు స్థిరమైన పాయింట్లను ఉపయోగించవచ్చు, 10 పాయింట్, 12 పాయింట్, మరియు అందువలన న.
మీరు, శాతాలు, 80%, 20% ఉపయోగించవచ్చు పేరు 100% డిఫాల్ట్ ఫాంట్
సాధారణంగా అన్నారు ఇది పరిమాణం, 11 లేదా 12 పాయింట్లు వంటి ఏదో.
లేదా మీరు కూడా ఇది ఆఫ్ పునాది ఇటీవల ఫాంట్ పరిమాణం.
మీరు ఏదో రాశారు మరియు మీరు తెలిస్తే అది చిన్న ఉండాలి ఏమి మీకు కావలసిన ఉంది
కానీ మీరు తెలియదు వేటి పరిమాణం మీరు అది, బాగా, మీరు కేవలం చెప్పగలను కావాలి,
ఫాంట్ పరిమాణం చిన్నదిగా.
మరియు అది ఆఫ్ పునాది అని కేవలం అప్ పైన, ఇది ఫాంట్ పరిమాణం యొక్క.
మరియు మీరు చిన్న లేదా పెద్ద పొందవచ్చు.
కాబట్టి వివిధ చాలా ఉంది మార్గాలు ఫాంట్ పరిమాణాన్ని పేర్కొనండి.
>> మీరు కూడా వాటికి పేర్కొనవచ్చు మీకు కావలసిన ఫాంట్ కుటుంబం.
మీరు ఒక నిర్దిష్ట కలిగి ఉంటే పేరు, ఒక మార్గం ఉంది CSS--
మేము దాని గురించి మాట్లాడటానికి వెళ్ళడం లేదు చేస్తున్నాం ఇక్కడ ఒక నిర్దిష్ట ఫాంట్ నిర్వచించడానికి
మరియు మీ పేజీ లోకి పొందుపరచడానికి.
మీరు కూడా సాధారణ పేర్లు ఉపయోగించవచ్చు.
వెబ్ సురక్షితంగా ఫాంట్లు ఉన్నాయి ఆ CSS ముందుగా నిర్వచించిన ఉంటాయి.
మరియు మీరు Microsoft యొక్క వినియోగదారు ఉంటే గత 20 సంవత్సరాలలో ఆఫీసు,
మీరు బహుశా తెలిసి ఈ వెబ్ సురక్షితంగా ఫాంట్లు చాలా
ఇప్పటికే, టైమ్స్ న్యూ రోమన్, ఏరియల్, న్యూ, జార్జియా, Tahoma, Verdana కొరియర్
మరియు అందువలన న.
ఆ అన్ని వెబ్ సురక్షితంగా ఫాంట్లు భావిస్తారు.
మరియు వాస్తవానికి, భాగం కారణం వారు వచ్చింది
ప్రతి పేజీ web-- చేయడానికి ఉపయోగించబడుతుంది ఈ డిఫాల్ట్ యాక్సెస్ ఫాంట్లు ఏర్పాటు చేసింది
వివిధ serifs, మరియు అన్ని ఈ తో మేము లోకి అందదు ఫాంట్ స్టఫ్
కానీ ఈ సాధారణంగా మీ CSS లో అందుబాటులో,
మీరు పోయినా లేకపోతే ఫాంట్లు వివరిస్తాయి.
చివరగా, మీరు మీ టెక్స్ట్ align చేసుకోవచ్చు, ఇది ఉండటానికి బదులుగా, అప్రమేయంగా, సమలేఖనమైంది
ఎడమ, మీరు అనుకొనుట కుడి సమలేఖనం,
లేదా మీరు అది కేంద్రీకృతమై align, లేదా కాలేదు ఇది రెండు అంచుల హిట్ కాబట్టి సమర్ధించుకున్నారు.
ఆ సో మీరు ఉపయోగించవచ్చు అన్ని ఐచ్చికములు మీ టెక్స్ట్ కనిపిస్తుంది ఏమి మార్చడానికి,
మరియు ఇది మీ పేజీ ఎలా ప్రదర్శించబడుతుంది.
>> మీ సెలెక్టర్లు లేదు టాగ్లు మాత్రమే ఉండాలి.
మేము గతంలో ఒక శరీరం ట్యాగ్ చూసిన సెలెక్టర్, మరియు టాగ్ సెలెక్టర్
కేవలం ఆ వంటి చూడండి లేదు.
మీరు అప్పుడు ఒక ట్యాగ్ పేరు, మరియు ఆ ట్యాగ్ కోసం ఒక శైలి వివరిస్తాయి.
కానీ మీరు కూడా ఏదో ఒకటి చెయ్యాలి ఒక ID సెలెక్టర్ అని.
ఒక ID సెలెక్టర్ అందంగా పోలి ఉంది.
కానీ ఇప్పుడు నేను ఉపయోగించి కాదు అని గమనించవచ్చు ఒక HTML టాగ్, నేను ఈ సందర్భంలో, ఉపయోగించి వెబ్
#unique, లేదా ఏకైక హాష్.
మీరు నుండి గుర్తుకు ఉంటే మా HTML లో వీడియో, మేము మాట్లాడారు
టాగ్లు లక్షణాలను కలిగి ఎలా గురించి.
>> మరియు ఒక లక్షణం ఆ వర్తిస్తుంది చాలా చక్కని అన్ని HTML టాగ్లు,
కానీ మేము దాని గురించి మాట్లాడరు, ఒక ID ట్యాగ్ అని ఏదో ఉంది.
కాబట్టి ఈ ప్రత్యేక CSS చేస్తాను మాత్రమే కలిగి HTML టాగ్ దరఖాస్తు
చాలా నిర్దిష్ట ID మీరు అనే చేసిన.
మీరు ఎక్కడా కలిగి ఉంటే మీ కోడ్ లో, ఎక్కడో
మీ HTML ఫైల్, ఒక ట్యాగ్ మరియు మీరు ఆ ట్యాగ్ గుణాన్ని పేర్కొనండి
ID, ఈ ఏకైక సమానం ప్రత్యేక శైలి
ఇక్కడ మాత్రమే మధ్య వర్తిస్తాయని ఏకైక ID ఆ ట్యాగ్.
>> మీరు కూడా ఏదో ఒకటి చెయ్యాలి ఒక తరగతి సెలెక్టర్ అని.
కలిగి పాటు కాబట్టి ID మీరు కూడా, లక్షణాలను
HTML టాగ్లు ఒక తరగతి లక్షణం జోడించండి.
మరియు మీరు ఒక తరగతి లక్షణం ఉపయోగిస్తున్నప్పుడు, ఇది బహుళ టాగ్లు అన్వయించవచ్చు.
కాబట్టి మీరు అనేక విషయాలను కలిగి ఉంటే బహుశా మీరు చెప్పే ఇలాంటి అనుకుంటున్నారా ఉంటాయి
ఓపెన్ ట్యాగ్ బ్లా, బ్లా, బ్లా, బ్లా, తరగతి విద్యార్థులు సమానం.
ఆపై ఈ ప్రత్యేక శైలి వేసేవాడు
దీని తరగతి ప్రతి ట్యాగ్ విద్యార్ధులుగా ఉన్నారు.
ఈ సందర్భంలో, మేము సెట్ ఇష్టం పసుపు నేపథ్య రంగు,
మరియు మేము, అస్పష్టత సెట్ కోరుతున్న మేము గురించి మాట్లాడటానికి లేదు ఒక ట్యాగ్ ఉంటుంది
కానీ ఎంత పారదర్శకంగా వ్యవహరిస్తుంది ఏదో ఈ సందర్భంలో, 70%, ఉంది.
>> రెండు ఎంపికలు ఉన్నాయి రచన స్టైల్.
మీరు వాటిని వ్రాయగలరు నేరుగా మీ HTML
స్టైల్ ఉంచడం ద్వారా శైలి టాగ్లు మధ్య లో.
మరియు ఆ శైలి టాగ్లు లోపల వెళ్ళి మీ వెబ్ పేజీ యొక్క తల టాగ్లు.
బహుశా మరింత ఇష్టపడే విధంగా చేయాలని అది ఒక ప్రత్యేక css ఫైలు రాయడానికి,
మరియు అప్పుడు అది లింకు మీ లింక్ టాగ్లు ఉపయోగించి నమోదు.
లింక్ టాగ్లు, మళ్ళీ, ఉంటాయి హైపర్లింక్స్ భిన్నంగా,
మీరు మా వీడియో నుండి ఒక HTML గుర్తు ఉంటే.
మరియు లింక్ టాగ్లు ఎలా ఉంటాయి మేము ప్రత్యేక ఫైళ్ళలో లాగండి.
ఇది విధమైన సమానం వంటి వెబ్ ప్రోగ్రామింగ్ కోసం # ఉన్నాయి.
>> కాబట్టి యొక్క table.HTML పరిశీలించి తెలియజేయండి.
మీరు నుండి గుర్తుకు ఉంటే మా HTML వీడియో, నేను చూపించాడు
చాలా ఒక ఉదాహరణ సాధారణ గుణకారం
అందంగా కనిపిస్తున్న పట్టిక అగ్లీ, మరియు బహుశా ఉంది
ఒక విధంగా అది మంచి చేయడానికి CSS, నిజానికి కనిపించేలా
ఒక గుణకారం వంటి మరింత పట్టిక, లేదా ఏదో
కేవలం కలిసి కష్టం కాదు సంఖ్య అసలు విభజన
వరుసలు మరియు కాలమ్లను మధ్య.
కాబట్టి యొక్క కు అధిపతిగా వీలు CS50 IDE, చూడాల్సిన
CSS విధమైన, సర్దుబాటు చేయవచ్చు ఎలా ముందుగా మేము ఏ ప్రారంభించండి
మరియు అది చాలా మంచి ఏదో చేయడానికి.
>> కాబట్టి మేము CS50 IDE లో ఉన్నాము ఇప్పుడు, మరియు తెలియని ఉంటే,
మేము ఈ పుల్ అప్ చేస్తాము పట్టిక HTML పేజీ ఆ.
Table.HTML ప్రాథమికంగా విషయాలు నిర్వచిస్తుంది
ఒక multiple-- అది రావలసిన ఒక నాలుగు ద్వారా నాలుగు గుణకారం పట్టిక.
ఇది చాలా సూటిగా ఉంది.
మరియు మేము అది అని అనుకుంటున్నాను అని అందంగా నిర్వహించడంతోపాటు చూడండి.
కానీ నిజానికి, మేము ఈ పేజీ ప్రీవ్యూ ఉన్నప్పుడు, మేము రకమైన అగ్లీ, కుడి వార్తలు ఆ చూడండి?
స్పష్టంగా మేము ఇక్కడ వరుసలు మరియు నిలువు వరుసలు.
అక్కడ వేరు విధమైన.
కానీ అది ఒక అర్ధవంతమైన వేరు కాదు.
మేము నిజానికి పొందడానికి లేదు ఇక్కడ చాలా సమాచారం.
మరియు మధ్య ఎటువంటి విభజన ఉంది నిబంధనలు వరుసలు మరియు నిలువు
సమాంతర లేదా నిలువు నియమాలు.
మేము బహుశా ఈ చేయగలిగితే మంచి కొద్దిగా చూడండి.
కాబట్టి యొక్క ప్రయత్నించండి తెలియజేయండి.
నేను ఇక్కడ ఈ టాబ్ మూసివేసి వెళుతున్న.
మరియు నేను నా table.HTML మూసివేసి వెళుతున్న మరియు నేను ఇక్కడ మరొక వెర్షన్ కలిగి
table2.HTML అని.
మేము ఆ తెరుచుకుంటుంది చేస్తాము.
పెజీ ఉంది చాలా చక్కని అదే,
కానీ నేను మార్చారు ఒక ఎగువన కొద్దిగా.
నేను ఇక్కడ స్క్రోల్ చేస్తాము.
నేను, ఈ సమయం గమనించండి ఎంబెడెడ్ శైలి టాగ్లు ఉపయోగించి.
నేను ఒక శైలి ట్యాగ్ తెరిచిన, మరియు నేను ఇప్పుడు రెడీ కేవలం లోపల ఒక CSS శైలి నిర్వచించు
వచ్చేవి.
నేను పట్టిక అని ఒక శైలి ఉంటుంది.
ఆ నా ట్యాగ్ సెలెక్టర్ ఉంది.
నేను డాట్ లేదా హాష్ ఉపయోగించి కాదు, ఇది నేను ఉంటే చేయడం అవుతుంది
ఒక ID లేదా ఒక తరగతి సెలెక్టర్ ఉపయోగించుకున్నారు.
నేను ఒక ట్యాగ్ సెలెక్టర్ ఇక్కడ పట్టికను కలిగి.
ఈ శైలి అన్నారు ప్రతి పట్టిక ట్యాగ్ వర్తిస్తాయి.
స్పష్టంగా నేను ఒక ఉంచాలి కావలసిన విస్తృత పిక్సెల్, ఘన నీలం సరిహద్దు,
నా పట్టిక లోపల.
ఆ వంటి బహుశా చేస్తాను ధ్వనులు కుడి, పరిస్థితి సహాయం?
మేము చూడాలని విషయాలు చాలా బాగా చూడండి.
కాబట్టి ఈ జరిమానా ఉంది.
శైలి పరంగా, నేను చేసిన ఇక్కడ నా శైలి పొందుపరిచారు.
ఇది ఖచ్చితంగా ఒక వార్తలు దీన్ని ఆమోదయోగ్యమైన మార్గం.
ఈ ఎలా చూద్దాం.
కాబట్టి నేను ఇక్కడ డౌన్ తిరిగి వెళ్ళి, మరియు చేస్తాము నా table2.HTML ప్రివ్యూ చేస్తాము.
Well, నేను కోరుకున్నాడు చాలా ఏమి కాదు కానీ అది మేము అడిగారు సరిగ్గా ఏమిటి.
మేము ఈ శైలి అని అన్నారు మా పట్టిక దరఖాస్తు అన్నారు.
మా పట్టిక ఇప్పుడు ఒక పిక్సెల్ ఉంది దాని చుట్టూ విస్తృత, ఘన నీలం సరిహద్దు.
మేము నిజానికి పొందడానికి లేదు పట్టిక కణాలు వద్ద.
మేము పట్టిక వద్ద పొందుతుంటే.
కాబట్టి CSS పనిచేశారు.
ఇది దరఖాస్తు ఒక మా పట్టిక శైలీపత్ర.
కానీ చాలా ఆడలేదు మేము అది చేయాలనుకున్నాము.
మేము ఏమి వస్తుందా? మనం చేయాలనుకుంటున్నాను?
>> సరే, ఒక మరింత పరిశీలించి వీలు table3.HTML లో ఈ యొక్క వెర్షన్.
సో నేను ఈ టాబ్లు మూసివేసి వెళుతున్న.
నేను ఇక్కడ పైగా తిరిగి వెళ్ళి వెళుతున్న నా చెట్టు దాఖలు, మరియు table3.HTML తెరుచుకుంటుంది.
మళ్ళీ, అది అందంగా చూడండి జరగబోతోంది ఇక్కడ ప్రారంభంలో ఇదే.
కానీ నోటీసు, ఈ సమయంలో, బదులుగా ఉపయోగించి అక్కడే ఇమిడి శైలి,
నేను ఒక లింక్ వెళుతున్న లింక్ ట్యాగ్ ఉపయోగించి శైలీపత్ర.
సో నేను స్పష్టంగా ఒక బంధించే కాబట్టి tables.CSS అని శైలి,
మరియు ఈ బాగా సమానం శైలి కేవలం, బాగా means--
ఈ ఫైలు సాపేక్ష ఏమిటి నేను ఉన్నాను ఒక శైలి ఉంది చేస్తూ ఉన్నాను
నా పేజీ కోసం ఉపయోగించి.
నేను నిజంగా ఏమి చూడాలనుకుంటే చేస్తే నేను ఇక్కడ CSS తో చేస్తున్నదాన్ని
నేను ఓపెన్ వెళ్లాలి table.CSS అలాగే దాఖలు.
కాబట్టి మేము ఇక్కడ పైగా తిరిగి వెళ్తారో మళ్ళీ మా ఫైల్ చెట్టు.
Table.CSS ఉంది.
మేము అది ఓపెన్ పాప్ చేస్తాము.
ఇప్పుడు మేము CSS యొక్క కొద్దిగా చూస్తున్నారని.
స్పష్టంగా, నేను ఒక జంట కలిగి విషయాలు ఇక్కడ జరగబోతోంది.
నేను స్పష్టంగా ఒక ఐదు ఉంచాలి కావలసిన విస్తృత పిక్సెల్, ఘనమైన ఎరుపు సరిహద్దు,
నా బల్ల చుట్టూ.
మేము ఇప్పటికే జరగబోతోంది తెలుసు కేవలం చుట్టుకొలత వెళ్ళడానికి.
మేము table2.HTML లో గమనించాను.
ప్రతి వరుసలో, నేను స్పష్టంగా పేర్కొనండి చేయాలనుకుంటే
ఆ వరుసలో ఎత్తు 50 పిక్సెళ్ళు ఎక్కువగా ఉంటుంది.
కాబట్టి ప్రతి వరుసలో కోసం గుర్తు ఆ, tr ట్యాగ్ ఏమిటి
నేను 50 పిక్సెళ్ళు అధిక తయారు చేస్తున్నాను.
>> చివరగా, నేను ఈ వ్యాఖ్య చేశారు.
మరియు ఈ మేము CSS లో వ్యాఖ్యలు ఎలా.
ఇది బ్లాక్ స్వాధీనం పోలిన వార్తలు వ్యాఖ్యలు వాక్యనిర్మాణం స్లాష్ స్టార్.
మీకు కావలసిన పాఠ్యం.
ఏ స్లాష్ స్లాష్ CSS లో అయితే ఉంది.
చిన్న ఇన్లైన్ కామెంట్స్ కోసం, మేము కలిగి ఇక్కడ ఈ ప్రత్యేక వాడాలి.
నేను ఒక చేయటానికి నేను కనిపిస్తుంది నా td టాగ్లు విషయాలు చాలా.
Td టాగ్లు, లేదా పట్టిక గుర్తుంచుకో నిజంగా ఇవి డేటాను
లోపలి నిలువు మా వరుసలు, మరియు స్పష్టంగా
డేటా ప్రతి పావు కోసం నా పట్టికలో నేను కావలసిన
నేపథ్య రంగు సెట్ నల్లగా, రంగు, తెలుపు ఉండాలి
రంగు ముంగిటి రంగు ఉంది.
కాబట్టి ఈ అవతరిస్తుంది నా పేజీ యొక్క టెక్స్ట్.
నేను పెద్ద ఫాంట్, 22 కావలసిన ఫాంట్ పాయింటు, మరియు నేను కావలసిన
అది ఫాంట్ కుటుంబం జార్జియా ఉండాలి.
కాబట్టి నేను వెళ్ళడం లేదు చేస్తున్నాను డిఫాల్ట్ ఫాంట్.
నేను జార్జియా తెలపటానికి వెళుతున్న ఆ వెబ్ సురక్షితంగా ఫాంట్లు ఒకటి
మేము ముందు చూసిన కాదు.
నేను నా టెక్స్ట్ మండలం కావలసిన కేంద్ర బాక్స్ మధ్యలో,
నేను వదిలి వద్దు సమలేఖనమైంది లేదా కుడి సమలేఖనమైంది ఉంటాయి.
నేను నా కాలమ్ వెడల్పు కావలసిన విస్తృత అలాగే 50 పిక్సెళ్ళు ఉండాలి.
యొక్క పరిశీలించి లెట్ ఈ కనిపిస్తోంది ఏమి,
ఈ ఉండవచ్చు మెరుగుదల ఉంటే మరియు చూడండి.
నేను table3.HTML, వెళ్ళడానికి వెళుతున్న రీకాల్, ఒక లింక్ వంటి table.CSS కలిగి
మరియు మేము పరిదృశ్యం చేస్తాము.
కుడివైపు, చాలా ఉత్తమం?
ఈ నిజానికి ఒక చూడండి ప్రారంభమైంది మరింత ఒక గుణకారం పట్టిక వంటి చాలా.
నేను ఆ ఎర్ర అంచు కలిగి నా బల్ల చుట్టూ కానీ ఇప్పుడు
నేను కూడా ఆ తెలిపితే ప్రతి వరుసలో 50 పిక్సెల్స్ వెడల్పు
లేదా అది tall-- అవసరం లేదు 50 పిక్సెళ్ళు వార్తలు నాకు ప్రతి కాలమ్ 50 పిక్సెల్స్ వెడల్పు ఉంది.
ప్రతి కాలమ్ లో డేటా, మరియు మాత్రమే డేటా, ఒక నలుపు బ్యాక్గ్రౌండ్లో ఉంది.
సో ఎందుకు ఆ వార్తలు తెలుపు పంక్తులు ఉన్నాయి.
స్పేస్ లో ఎందుకంటే ఆ కణాలు అన్ని మధ్య
అది ఒక సరిహద్దు కాదు మరియు యొక్క, అది కేవలం
నేను మాత్రమే పూరించి చేస్తున్నాను కణాలు నిజానికి ఇది
పట్టిక సరిహద్దులు చేస్తుంది స్పష్టంగా, అన్ని పాటు మనుగడలో
కేవలం సన్నని తెలుపు పంక్తులు ఉంది.
ఇప్పుడు వారు కనిపించే ఉన్నారు.
ఇప్పుడు వారు తెరపై ఆఫ్ పాప్.
కాబట్టి ఈ చాలా సులభం నేను దరఖాస్తు చేసిన శైలి,
మరియు ఇప్పుడు నా టేబుల్ మరింత వంటి చాలా కనిపిస్తుంది నాలుగు నాలుగు ద్వారా గుణకారం పట్టిక,
బదులుగా ఒక కేవలం కలగలిసిపోయిన మెస్, ఎక్కడ ప్రతిదీ స్పష్టంగా వరుసలు మరియు స్తంభాలు,
కానీ సూపర్ నిర్వహించడంతోపాటు.
మేము నిజంగా కేవలం ఉపరితల గోకడం చేస్తున్నారు మీరు ఇక్కడ CSS తో చేయవచ్చు ఏమి.
అదృష్టవశాత్తూ CSS డాక్యుమెంటేషన్ అందంగా సూటిగా ఉంటుంది.
మీరు అనేక ఉపయోగిస్తాము దాని చాలా తరచుగా, ఆపాదించాడు.
మేము గురించి మాట్లాడారు వాటిని ఈ వీడియో లో.
మీరు అనేక ఉన్నాయి బహుశా అన్ని ఉపయోగించదు.
మరియు ఆ చాలా మంచిది.
కానీ కేవలం ఒక ఉంది, తెలిసిన అక్కడ డాక్యుమెంటేషన్ చాలా.
కాబట్టి మేము ప్రతిదీ కవర్ చెందకపోయినా, మీరు ఖచ్చితంగా మీ సొంత న వదిలి లేదు.
కానీ CSS నిజంగా సరదాగా ఉంటుంది ప్రయోగం చేయవచ్చు.
మరియు నేను గట్టిగా ప్రోత్సహిస్తుంది మీ వెబ్ పేజీలు తో చుట్టూ ప్లే,
మరియు మీరు వాటిని తయారు ఎలా చూడండి చూడండి మరియు యూజర్ మెరుగు అనుభూతి
మీ పేజీని సందర్శించడం అనుభవం.
నేను డౌ లాయిడ్ ఉన్నాను.
ఈ CS50 ఉంది.