[సంగీతాన్ని] ALLISON BUCHHOLTZ-AU: సో మేము ప్రధానంగా కేవలం చూడాలని మీరు ఒక తక్కువైన ఇవ్వాలని CSS యొక్క, మేము తెలుసు ఎందుకంటే ఇది కవర్ కాదు అని అన్ని విభాగాలలో. మరియు మేము నిజంగా నిర్ధారించుకోండి కావలసిన మీరు అబ్బాయిలు, మీ పారవేయడం వద్ద ఈ సాధనం కలిగి అది చేయడానికి సామర్థ్యం కలిగి ఎందుకంటే మీ వెబ్సైట్లు చాలా prettier చూడండి. 

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

TOMAS REIMERS: అవును. అల్లిసన్ చాలా బాగా చెప్పారు. నేను మొదటి విషయం మేము ఊహించడం CSS అంటే ఏమిటి ఉంది తో ప్రారంభం కావాలి? కాబట్టి CSS అద్భుతం. CSS-- 

ALLISON BUCHHOLTZ-AU: ఆ వార్తలు మా సదస్సు పేరు. 

TOMAS REIMERS: అవును. ఇది నిజంగా ముఖ్యం మీరు అప్పటికి అర్థం. మీరు మాత్రమే ఒక సర్వులు ఉంటే సంభ్రమాన్నికలిగించే, విషయం, ఆ CSS ఉంది. రెండు CSS కోసం నిలుస్తుంది శైలి షీట్లు క్యాస్కేడింగ్. సో దాని కోర్ వద్ద, CSS ఉంది అనగా ఒక శైలి షీట్ మీరు ఒక వెబ్ పేజీ శైలి అనుమతిస్తుంది. ఆపై ఆ అర్థం, అది ఒక మార్గం మీ వెబ్సైట్లకు శైలి జోడించడానికి. కాబట్టి శైలి ద్వారా, మేము ప్రతిదీ అర్థం ఆ structural-- కాదు కాబట్టి రంగులు వంటి విషయాలు, నేపథ్య చిత్రాలు, సరిహద్దులు వంటి పాడింగ్, మార్జిన్లు. మేము గురించి మాట్లాడండి చేస్తాము ఏమి అన్ని ఒక బిట్ లో అర్థం. 

కాబట్టి మేము కేవలం ముందుకు మారారు మరియు gedit లో ఆ అప్ రెండు ప్రారంభమైంది. కాబట్టి ఈ index.html ఉంది. మరియు ఈ main.css ఉంది. కాబట్టి main.css ఏమీ ఉంది. ALLISON BUCHHOLTZ-AU: ఇప్పటివరకు ఏ శైలి. TOMAS REIMERS: ఏమీలేదు. మీరు చూస్తారు వంటి, ఇది వార్తలు ఒక నిజంగా అగ్లీ సైట్. ALLISON BUCHHOLTZ-AU: ఇది కేవలం సాదా ఉంది. TOMAS REIMERS: అవును. అవును, అది అగ్లీ కాదు అది కేవలం కొద్దిపాటి వార్తలు. మరియు ఇక్కడ మేము index.html చేశారు. కాబట్టి ఒక శీఘ్ర కోసం HTML, అల్లిసన్ యొక్క రీక్యాప్, మీరు పేజీ గురించి చర్చ అనుకుంటున్నారా? 

ALLISON BUCHHOLTZ-AU: అవును. సో ఖచ్చితంగా, మేము మా HTML కలిగి ట్యాగ్, ఇది కేవలం పేర్లు HTML ఫైల్. మేము CSS తో, ఇక్కడ మా శీర్షిక కలిగి ఆశ్చర్యాన్ని, which-- మీరు తిరిగి వెళ్ళండి ఉంటే. ఆ ఎక్కడ ఉంది? 

TOMAS REIMERS: ఓహ్. అవును, మీరు చూడగలరు. ALLISON BUCHHOLTZ-AU: మరియు శీర్షిక గమనించవచ్చు కుడి అప్ ఇక్కడ ఈ టాబ్ శీర్షిక ఉంది. ఆపై "హలో, ప్రపంచం!" ఉంది మేము కేవలం టెక్స్ట్ వెబ్లో ప్రదర్శించడం తిరిగి వెళ్ళి ఏమిటంటే, పేజీ. తిరిగి. ఏ మా శరీరం లో ఉంది సాదా టెక్స్ట్ ఇక్కడ. కూడా, ఒక విషయం మీరు ఇక్కడ చూస్తే, గమనించి, టోమస్ ఈ అప్ స్విచ్ మా స్లయిడ్ నుండి రెండు. సో కాలం మీరు అన్ని వంటి ఈ మూడు, మీరు జరిమానా ఉన్నారు. వారు కావలసిన క్రమంలో ఉంటుంది. వాట్ చాలా ముఖ్యం కేవలం ఉంది మీరు ఆ మూడు విషయాలు యొక్క ప్రతి ఉన్నాయి. 

TOMAS REIMERS: కూల్. ఒక డిఓసి రకం జోడించు? ALLISON BUCHHOLTZ-AU: అవును. TOMAS REIMERS: అవును. కూల్. ALLISON BUCHHOLTZ-AU: స్పష్టంగా, నా mics నాకు ఇష్టం లేదు. TOMAS REIMERS: ఓహ్, కేవలం మాకు ఒక క్షణ ఇవ్వాలని అల్లిసన్ ఆమె సమయపు బయటకు మారతాయి అయితే. కాబట్టి యేః. కాబట్టి మేము మా ప్రధాన పేజీ చేశారు. ఇది unstyled ఉంటాము. మేము చాలా లేదు. మేము కేవలం ప్రాథమికంగా టెక్స్ట్ కలిగి. మేము శైలి షీట్ ఉంది. మేము శీర్షిక చేశారు. కాబట్టి కేవలం చూడగలిగేలా ఎముక కలది భాగాలు ఒక వెబ్ సైట్ తయారు. 

సో అక్కడ నుండి, లెట్స్ CSS అంటే ఏమిటి గురించి మాట్లాడటానికి మరియు అది వంటి మరియు అన్ని కనిపిస్తుంది ఏమి. కాబట్టి ఆ కోసం ALLISON BUCHHOLTZ-AU: తిరిగి స్లయిడ్లను. TOMAS REIMERS: స్లయిడ్లను తిరిగి. మరియు అల్లిసన్ పైగా పట్టవచ్చు. 

ALLISON BUCHHOLTZ-AU: వూ. OK. మీ CSS ఫైల్ లో కాబట్టి మీరు చూడాలని ఈ విషయాలు చాలా సెలెక్టర్లు అని. కేవలం ఉంటుంది మీ CSS ఫైల్ ఆధారంగా. ఇది కేవలం చేస్తాడు మా మరియు ఈ మా. కాబట్టి సెలెక్టర్. ఈ కేవలం సాధారణ నిర్మాణం. మేము ద్వారా వెళ్ళడానికి వెళుతున్న ఉదాహరణలు, ఎందుకంటే మీరు అబ్బాయిలు ఎప్పుడూ నేను భావిస్తున్నాను, నా విభాగం వీక్షించారు నైరూప్య విషయాలు వంటి నిజంగా సమంజసం లేదు. ఇది ఎల్లప్పుడూ ఉదాహరణలు చూడటానికి సహాయపడుతుంది. 

కాబట్టి మేము కొన్ని సెలెక్టర్ కలిగి. ఆ కోసం కొన్ని గుర్తింపు ఉంటుంది జరగబోతోంది మేము ఏమి శైలి దరఖాస్తు. మరియు తర్వాత మేము ఏ కలిగి నియమాలు మరియు విలువలు సెట్. మీరు చూడవచ్చిరి సెలెక్టర్లు కాబట్టి శరీరం వంటి ఏదో కావచ్చు, లేదా P తో పేరా, లేదా శీర్షికలో, లేదా సంసార, సంసార మీరు మీ HTML టాగ్లు ఉండాలనుకుంటున్నాను. 

ఈ సందర్భంలో, మేము శరీరం కలిగి. మరియు మేము కొన్ని నియమాలను కలిగి, ఈ అనుగుణంగా ఏమి మీ శైలి వర్తిస్తుంది. కాబట్టి ఈ సందర్భంలో, మేము కలిగి నేపథ్య రంగు మరియు ఫాంట్ బరువు. కాబట్టి ఈ మార్చడానికి వెళ్తున్నారు ఏదైనా నేపధ్యం మా HTML ఫైల్ ఏ శరీరం ట్యాగ్ లోపల. మరియు అది ఇవ్వాలని జరగబోతోంది ఈ కాంతి నీలం విలువ. 

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

TOMAS REIMERS: నం అల్లిసన్ అది వచ్చింది. మేము కేవలం ఒక అప్ కట్ చూడాలని ఇక్కడ మా ఉదాహరణ సైట్ ఉదాహరణ. కాబట్టి యొక్క నిజానికి ఈ తీసుకుందాం. ఇది పరిపూర్ణమైనది. సో నేను కాపీ మరియు పేస్ట్ వెళుతున్న మా main.css ఫైల్ లోకి కుడి. మరియు నేను దానిని సేవ్ వెళుతున్న. మరియు తర్వాత మేము అది అమలు చేస్తుంది. కాబట్టి వైపు నోటు, ఒకటి అత్యంత ఇబ్బందికరమైన విషయాలు మీరు ఒక ఫైల్ సేవ్, మరియు లేదు ఉంటే అప్పుడు మీరు, ఇష్టం, పేజీని రీలోడ్, మరియు వంటి, ఎందుకు కాదు జరుగుతున్న మార్పు? ఇది జరుగుతుంది. కాబట్టి ఇక్కడ మేము చేసిన చూసింది మా ఒక లేత నీలం నేపధ్యం వెబ్సైట్ మరియు కొన్ని టెక్స్ట్ బోల్డ్. 

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

సహజంగానే తో: ALLISON BUCHHOLTZ-AU CSS, ప్రతిదీ కూడా దృష్టి రూపొందించారు. ఒక విషయం లేదు చేస్తే , ఇప్పుడు అర్ధవంతం మేము వద్దు తరువాత మీరు డౌన్ బురద నేల. 

TOMAS REIMERS: సో లెట్స్ రకం ఈ భాగాలుగా విడగొట్టు. కాబట్టి మీరు ప్రారంభం అనుకుంటున్నారు ఇక్కడ సెలెక్టర్? 

ALLISON BUCHHOLTZ-AU: అవును. నేను ముందు మాట్లాడుతూ గా, శరీరం ఇక్కడ కేవలం మా సెలెక్టర్. కాబట్టి మేము మా index-- అబ్బా కు తిరిగి వెళ్ళి ఉంటే. 

TOMAS REIMERS: నేను కేవలం మూతపడిన. నాకు రెండవ ఇవ్వండి. కాబట్టి index.html, తెరవండి. ALLISON BUCHHOLTZ-AU: కూల్. సో మీరు ఇక్కడ గమనించవచ్చు ఉంటే, మేము కుడి, ఈ శరీర ట్యాగ్లను కలిగి? కాబట్టి సెలెక్టర్ కేవలం అనుగుణంగా మేము గురించి మాట్లాడటం చేస్తున్న టాగ్లు. ఇక్కడే శరీరం కాబట్టి. కాబట్టి మనం చెబుతున్న ఉంది ప్రతిదీ మేము తిరిగి వెళ్ళే? నేను కేవలం అనుకొనుట అనుకుంటున్నారా వంటి స్క్రీన్ టచ్. ఇది చాలా చల్లగా అంటాను. 

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

కనుక మనం వెళ్ళడానికి index.html మీరే నిజానికి, మేము ఏదైనా కలిగి చేయవచ్చు శరీరం వెలుపల? మేము కలిగి ఉంటే, వంటి, ఒక ఫుటరు లేదా ఏదో, ఈ వర్తిస్తాయి లేదు. కానీ లోపల ఏదైనా ఈ శరీర టాగ్లు అన్నారు ఈ శరీరం ప్రభావితం మేము చేసిన సెలెక్టర్. మీరు టైప్ చేస్తే ఏదో అక్కడ 

TOMAS REIMERS: గృహ నడపాలి. కనుక ఆ కాబట్టి మేము ఒక div-- కలిగి మీరు కేవలం మరొక ట్యాగ్. నేను దాన్ని మూసివేసి వెళుతున్న. లేదా, ఈ పేరా తయారు చేద్దాము. కాబట్టి P పేరా కోసం నిలుస్తుంది. మరియు ఆ పేరా లోపల. ఆపై నేను "ఈ టెక్స్ట్." సే కూల్. ఆపై నేను ఈ నియమం వర్తించదు చేసిన బదులుగా శరీరం యొక్క ఒక పేరా. మీరు మాత్రమే వర్తిస్తుంది ఎలా చూస్తారు కొత్తగా ఏర్పడిన పేరా, కుడి, మొత్తం విషయం. ఆ సమంజసం లేదు? 

ALLISON BUCHHOLTZ-AU: కాబట్టి ఈ అన్ని శరీరం ఉంది, కానీ ఇప్పుడు మా సెలెక్టర్ కేవలం పేరా సూచించదు. కాబట్టి మేము కేవలం బోల్డ్ మరియు నీలం కలిగి ఈ నిర్దిష్ట పేరా కోసం, ఈ మాత్రమే విషయం ఎందుకంటే ఆ p tag లోపల ఉంది. 

TOMAS REIMERS క్రమీకరించు: ఆ సమంజసం లేదు ఎలా విషయాలు ఇతర విషయాలు టూకీగా? ALLISON BUCHHOLTZ-AU: కూడా, కేవలం , వంటి ఉత్తమ మార్గాలను ఒకటి చెప్పటానికి నిజంగా CSS తో సౌకర్యవంతమైన పొందుటకు ఈ వంటి పనులు, కేవలం దాన్ని ప్రయత్నించండి. ఇది ఏదో టైప్ చాలా సులభం బయటకు రిఫ్రెష్ హిట్, మరియు ఏమి చూడండి. మరియు అత్యంత CS వలె, ప్రయోగాత్మక తరచుగా చెయ్యవచ్చు మెరుగైన దారి సహజమైన అవగాహన. కూడూ మాకు కంటే ఇది కేవలం మీరు అంటే, మాట్లాడటం. 

TOMAS REIMERS: అబ్సొల్యూట్లీ 100% ఆ పాయింట్ మీద అంగీకరిస్తున్నారు. మేము ఈ తిరిగి వెళ్ళడానికి చేస్తే, ప్రారంభిద్దాం ఈ రెండు వేటి వేరుచేయడం. కాబట్టి మేము ఈ రెండు నియమాలు ఉన్నాయి. మొదటి ఒకటి నేపథ్య రంగు. మరియు మీరు మేము సెట్ చేసిన చూడండి ఒక విలువ, లేత నీలం సమానం. 

కాబట్టి CSS లో, CSS విధమైన ఉంది ఎలా గురించి చాలా వదులుగా మీరు రంగు నిర్వచించే అనుమతి చేస్తున్నాం. కాబట్టి మీరు వాటిని పేరుతో నిర్వచించలేదు. మీరు కూడా అలాంటిదే చేయవచ్చు "ఎరుపు." మరియు మేము ఈ తిరిగి వెళ్ళి ఉంటే అప్పుడు, మీరు నేపథ్య ఎరుపు అని చూస్తారు. మీరు కూడా నేను మీరు అనుకుంటున్నాను నిజంగా పొందవచ్చు ఈ తో అందంగా సృజనాత్మక పొందవచ్చు, మీరు కాదు? 

ALLISON BUCHHOLTZ-AU: నేను మీరు హెక్స్ ఉపయోగించడానికి భావిస్తున్నాను. మీరు కాదు? 

TOMAS REIMERS: అవును. కాబట్టి మీరు హెక్స్ ఉపయోగించవచ్చు. కానీ నేను పేరు వారీగా ఆలోచిస్తున్నాను. కాదు ఉన్నాయా? ALLISON BUCHHOLTZ-AU: మీరు చాలా కొన్ని అలా చేయవచ్చు. అత్యంత రంగులు వంటి చాలా చక్కని మీరు వంటి పేరు, నేను సాల్మన్ ఒకటి భావిస్తున్నాను. 

TOMAS REIMERS: మేము గొన్న ప్రయత్నంలోనే సాల్మన్ ఉన్నారు. ALLISON BUCHHOLTZ-AU: నేను చార్ట్రూస్ అక్కడ భావిస్తున్నాను. TOMAS REIMERS: అవును. చూడండి? కాబట్టి మీరు అందంగా సృజనాత్మక పొందవచ్చు. 

ALLISON BUCHHOLTZ-AU: మీరు అందంగా సృజనాత్మక పొందుటకు కాలేదు. వలె, మీరు ఆలోచించవచ్చు ఉంటే రంగు పేరు, ఇది అక్కడ బహుశా కాదు. మీరు నిజంగా జరిమానా అనుకుంటే వివరాలు, మీరు హెక్స్ వెళ్ళవచ్చు. 

TOMAS REIMERS: అవును. కాబట్టి హెక్సాడెసిమల్. మీరు అబ్బాయిలు ఈ తిరిగి గుర్తుంచుకుంటే మీ పాత pset నుండి, చిత్రం వెలికితీయి మీరు అబ్బాయిలు ఎదుర్కోవటానికి వచ్చింది ఈ హెక్స్ విలువలను. మరియు విధమైన, ఏ రీక్యాప్ హెక్స్ నిల్వ మూడు విలువలను కలిగి ఉంది. కనుక ఇది రెండు ఇంక్రిమెంట్ సమూహాలు వార్తలు. మొదటి రెండు ఎరుపు విలువ సూచిస్తాయి. రెండవది సూచిస్తుంది ఆకుపచ్చ విలువ. మరియు చివరి నీలి ఉంది? 

కాబట్టి FF ప్రాతినిధ్యం జరుగుతుంది ఒక హెక్సాడెసిమల్ 255. కాబట్టి మీరు 255 ఎరుపు, 255 కలిగి నీలి ఆకుపచ్చ, మరియు 0. మరియు విలువలు 0 మరియు 255 మధ్య ఉంటుంది. 

ప్రేక్షకులు: రైట్. కాబట్టి ముఖ్యంగా, మేము అన్వేషణ కాలేదు మేము కావలసిన రంగు కోసం ఇంటర్నెట్ మరియు వాస్తవానికి తెలిసిన గుర్తించడానికి రంగు వర్ణపటం కాంబో, మరియు తర్వాత మేము, అది చాలు కాలేదు? ALLISON BUCHHOLTZ-AU: ఖచ్చితంగా. కాబట్టి మీరు చాలా చక్కని పూర్తి నియంత్రణ కలిగి రంగులు పైగా మీరు CSS లోపల కావలసిన. మేము గురించి మాట్లాడటానికి వెళ్తున్నారు నేపథ్య చిత్రాలు తర్వాత? లేదా మేము ఆ చెయ్యాలనుకుంటున్నారు? 

TOMAS REIMERS: అవును. నిక్షేపంగా. కాబట్టి మొదటి, కేవలం చూపించడానికి ఎరుపు మరియు ఆకుపచ్చ పసుపు. మరియు మీరు కొన్ని అవసరం ఉంటే ఈ కనుగొనడంలో సహాయం, మీరు ఏదో Google చెయ్యవచ్చు "రంగు ఎంపికను." వంటి ALLISON BUCHHOLTZ-AU: ఓహ్, అది బావుంటుంది. నేను రంగు పిక్కర్ ప్రేమ. 

TOMAS REIMERS: colorpicker.com ఒక మంచి ఉదాహరణ. మరియు ఇక్కడ, మీరు కలిగి చూస్తారు పూర్తి Photoshop వంటి రంగు ఎంపికను. 

ALLISON BUCHHOLTZ-AU: MM-HM. అలాగే, చల్లని విషయాలు మీరు ఉంటాయి రంగు పథకాలు రూపొందించవచ్చు మీరు లేదు కాబట్టి, వంటి రంగులు వివాదస్పద. TOMAS REIMERS: ఆపై ఇక్కడ hex విలువ ఇష్టం. మీరు ఎల్లప్పుడూ ప్రధానంగా ఆన్లైన్ వెదుక్కోవచ్చు ప్రదేశాల నుండి hex విలువ పొందడానికి. ఇది వంటి, కేవలం విధమైన కాదు మేము సంఖ్యలో ప్రపంచం యొక్క రంగులను చూడండి. ఇది మేము ఆన్లైన్ వెళ్ళి ఆ మరింత వార్తలు మరియు, మేము ఏమి రంగు కనుగొనేందుకు ఆపై సంఖ్య డౌన్ పడుతుంది. అది కేవలం ఒక నిజంగా సులభం ఎందుకంటే మార్గం CS విషయాలు ప్రస్తావించడానికి. 

ALLISON BUCHHOLTZ-AU: ఆపై also-- ఉంది నేను సైట్ యొక్క ఖచ్చితమైన పేరు మర్చిపోతే. కానీ, ఖచ్చితంగా ఉంది నేను అడోబ్ నుండి ఏదో అనుకుంటున్నాను ఆ మీరు రంగు పథకాలు ఉత్పత్తి ఇది నిజంగా చల్లని ఉంది మీరు ఎందుకంటే definitely-- కొన్నిసార్లు వార్తలు గుర్తించడానికి కష్టం, ఓహ్, నేను ఈ రంగు ఉపయోగించడానికి కావాలా, ఏమి మరొక ఉపయోగకరమైన ఒకటి కావచ్చు నా సైట్ లో ఒకచోట ఉపయోగించడానికి, వంటి, అది nice మరియు బంధన చేస్తాయి. 

TOMAS REIMERS: అల్లిసన్ గురించి మాట్లాడటం Adobe ద్వారా ఒక Kuler అని, నేను భావిస్తున్నాను. ఇది K-U-L-E-R యొక్క. ALLISON BUCHHOLTZ-AU: నేను అలా అనుకుంటున్నాను. నేను ఆ ఒకటి అందంగా ఖచ్చితంగా ఉన్నాను. 

TOMAS REIMERS: నా అభిమాన ఉంది ఎల్లప్పుడూ కలర్ స్కీమ్ డిజైనర్ ఉన్నారు. 

ALLISON BUCHHOLTZ-AU: Ooh. 

TOMAS REIMERS: ఇప్పుడు ఏది 

ALLISON BUCHHOLTZ-AU: అమ్మో, ఈ అందమైన ఉంది. 

TOMAS REIMERS: మీరు ప్రధానంగా వంటి చెప్పగలను, నేను ప్రతి ఇతర పక్కన మూడు రంగులు కోరుకుంటున్నాను. ఆపై యొక్క nice ఏదో ఒకటి చూద్దాం. ఆపై మీరు ఒక ఉదాహరణ పొందవచ్చు లాగా ఉండవచ్చు ఏమి. ఆపై మీరు ఏ హోవర్ ఉంటే వాటిని, మీరు హెక్స్ విలువ ఇస్తుంది. 

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

అసలు CSS కు. ALLISON BUCHHOLTZ-AU: ఇంకేం, మేము ఈ సూచనలు ఉపయోగకరంగా ఉండవచ్చు తెలుసు. TOMAS REIMERS: లేదు, వారు ఖచ్చితంగా ఉపయోగపడిందా ఉంటుంది. రెండవ నియమం, అల్లిసన్ కాబట్టి? 

ALLISON BUCHHOLTZ-AU: అవును. రెండవ నియమం కేవలం ఉంది మా ఫాంట్ సమానం. కాబట్టి ఫాంట్ బరువు కేవలం రకం of-- కాబట్టి బరువు చేస్తాను మీరు వంటి, కేవలం కావలసిన ఉంటే, సాధారణ లేదా, వంటి, సన్నగా ఫాంట్లు, లేదా ఈ సందర్భంలో, వంటి, బోల్డ్. నేను మర్చిపోతే. మీరు కోరుకుంటే దానిని ఉంది ఏమిటి సాధారణ వంటి, కేవలం కంటే సన్నగా ఒక? TOMAS REIMERS: నేను నిజంగా లేదు ఒక సన్నగా ఒక ఉంది ఉంటే తెలుసు. ALLISON BUCHHOLTZ-AU: నేను మర్చిపోతే. కాబట్టి ఫాంట్ బరువు సాధారణంగా మనం కేవలం బోల్డ్ కోసం ఉపయోగించవచ్చు. మీరు నిజంగా పొందడానికి అనుకుంటే అది, మేము మీరు చూడాలని. W3schools అన్ని వివిధ ఉంది విషయాలు మీరు ఫాంట్లు కోసం చేయవచ్చు. కానీ సాధారణంగా, మీరు ఎప్పుడైనా అనుకుంటే ఫాంట్ గురించి ఏదైనా మార్చడానికి, ఇది ఎల్లప్పుడూ చేస్తాడు వంటి, ఫాంట్ ఏదో. మీరు అలా అయితే, ఫాంట్ కుటుంబం వంటి ఉంటాం అసలు రకం మార్చడానికి ప్రయత్నిస్తున్న. ఇది మీరు ఫాంట్ శైలి ఉంటాం గొలుసుకట్టు లాగా తయారు కావాలి, లేదా ఇటాలిక్ లేదా whatnot. లేదా ఫాంట్ రంగు, ఉంటే మేము మార్చే కావలెను. 

TOMAS REIMERS: అయ్యో. కాబట్టి మీరు ఆ మార్చవచ్చు. మరియు విధమైన కేవలం ఇప్పుడు పునశ్చరణ, కాబట్టి మీరు మేము ఇక్కడ సెలెక్టర్ అప్ కలిగి చూడండి. మేము ఈ కర్లీ జంట కలుపులు ఉన్నాయి. మరియు తర్వాత మేము నియమాలు ఉన్నాయి సెమికోలన్లు ద్వారా వేరు. ఆ సమంజసం లేదు? అవును? కూల్. కాబట్టి ఆ good-- ఉంటే 

ALLISON BUCHHOLTZ-AU: తిరిగి. TOMAS REIMERS: యొక్క ప్రత్యేకంగా మాట్లాడటానికి లెట్ సెలెక్టర్లు ఏ విధమైన గురించి మనం. ప్రస్తుతం మేము చేసిన కాజ్ విధమైన కేవలం టాగ్లు చూపిన. కానీ మీరు అబ్బాయిలు ఇది ఆమోదయోగ్యంగా చూడగలిగారు. మీరు రెండు పేరాలు ఉన్నాయి సే ఒక పేజీ మరియు మీరు శైలి చేయగలరు ఉండాలనుకుంటున్నాను ఒక కానీ ఇతర, మీరు కేవలం మిమ్మల్ని మీరు పరిమితం చేయకూడదని వివిధ వాస్తవ HTML ఉపయోగించడానికి కలిగి టాగ్లు వాటిని వివిధ శైలులు ఇవ్వాలని. 

కాబట్టి మేము ప్రాథమిక మూడు సెలెక్టర్లు రకాలు. ALLISON BUCHHOLTZ-AU: అవును. కాబట్టి మేము ఏమి ఇది, ట్యాగ్ మేము ఇప్పుడు గురించి ఆలోచిస్తున్నాము. కాబట్టి ఆ రకమైన మీ శరీరం లేదా p వంటిది. మరియు తర్వాత మేము ఇది తరగతి మేము మా CSS ఫైల్ లో నిర్వచించారు ఉన్నప్పుడు, ఇది ఎల్లప్పుడూ డాట్ చేస్తాడు, సంసార మీరు మీ తరగతి పేరు ఉండాలనుకుంటున్నాను. మరియు ఈ బహుళ విషయాలు దరఖాస్తు చేసుకోవచ్చు. 

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

మేము కలిగి ఇతర ఒకటి id మేము సూచించడానికి ఉంది ఒక హాష్ లేదా పౌండ్, లేదా హాష్ ట్యాగ్ తో. TOMAS REIMERS: Octothorpe. ALLISON BUCHHOLTZ-AU: Octothorpe. ఆ చాలా, పనిచేస్తుంది. మరియు ఈ ఒక నిజంగా ఏకైక ఉండాలి. వారు మాత్రమే దరఖాస్తు చేయాలి మీ పేజీలో ఒక విషయం. ఒక నిర్దిష్ట పేరా కాబట్టి అని, లేదా కొన్ని ఒక జాబితా అంశం, లేదా సంసార, ఈ ఏకైక ఉండాలి. మరియు అదే విధంగా ఆ మేము కేవలం , వంటి, తరగతి = "class1 class2," ఈ కేవలం మేము కలిగి సంసార యొక్క id ఉంటుంది. TOMAS REIMERS: అవును. కాబట్టి యొక్క ఖచ్చితంగా మాట్లాడటానికి వీలు ఇక్కడ ఉదాహరణలు గురించి. నేను కేవలం ప్రవేశిస్తాడు వెళుతున్న నేరుగా కోడ్ తిరిగి. కాబట్టి యొక్క మా HTML చూద్దాం. కాబట్టి మేము ఇప్పుడు ఒక పేరా కలిగి. ఈ టెక్స్ట్. నేను కేవలం సవరించండి వెళుతున్న అది. "ఈ టెక్స్ట్ 1." మరియు తర్వాత మేము చేయబోతున్నామని కలిగి "ఈ టెక్స్ట్ 2." 

ALLISON BUCHHOLTZ-AU: రెండవ ఒకటి. TOMAS REIMERS: అయ్యో. కాబట్టి మేము ఇప్పుడు కుడి "ఈ టెక్స్ట్ 2, ఉంటుంది"? మరియు మేము రీలోడ్ ఉంటే చూసే చూడాలని పేజీ, మనం కనుగొనేందుకు వెళుతున్న మేము చెప్పేవాడు ఉన్నాము ఉంది find-- ALLISON BUCHHOLTZ-AU: Ooh. TOMAS REIMERS: అవును. మేము ఒక "ఈ ఉంది కనుగొనేందుకు వెళుతున్న చేస్తున్నాం టెక్స్ట్ 1, "మరియు" ఈ "టెక్స్ట్ 2. ఉంది 

ALLISON BUCHHOLTZ-AU: మరియు బయటకు మనోహరమైన పసుపు రంగు. 

TOMAS REIMERS: మీరు చూస్తారు ప్రస్తుతం మా సెలెక్టర్ ఆ ఇది p యొక్క వర్తిస్తుంది, లేదా పేరాలు, వాటిని రెండు ప్రభావితం, అవి రెండూ కలిసే ఎందుకంటే పరిస్థితి పి ట్యాగ్ రెండు ఉన్నట్లు. ఆ మొత్తం అర్ధమే. కాబట్టి ప్రశ్న అలాగే ఉంది, ఏమి మేము కోరుకుంటే మాత్రమే ఒక పొందలేరు? కాబట్టి ఖచ్చితంగా అల్లిసన్ చెప్పడం జరిగినది వంటి మేము అలా మరో రెండు విధాలుగా ఉంటుంది. నేను ID ప్రారంభం వెళుతున్న. 

ALLISON BUCHHOLTZ-AU: యొక్క id తో ప్రారంభిద్దాం. 

TOMAS REIMERS: మరియు రెండు ఈ గుణాలు ఉంటాయి. కాబట్టి గుణాలు HTML లో ఉనికిలో. మరియు వారు ఏమి ఉంది మీరు జోడించడానికి ఏదో ఇది ట్యాగ్ లోపల ట్యాగ్ పేరు నుండి వేరు. కాబట్టి మీరు బహుళ లక్షణాలు కలిగి. అవును? 

ALLISON BUCHHOLTZ-AU: నేను వెళుతున్నాను pset 7 నుండి మీ ఉదాహరణ నుండి, చెప్పటానికి, మీరు ఏ align ప్రయత్నించండి ఉంటే కేంద్రానికి విషయాలు, మీరు ఉపయోగించిన ఉండవచ్చు "టెక్స్ట్ align = center." మరియు మీరు బహుశా అది గమనించి కేంద్రీకృతమై వుండాలి మీ టెక్స్ట్ లేదా మీ నావిగేషన్ బార్. తద్వారా కేవలం కూడా ఒక లక్షణం మీరు తెలిసిన కావచ్చు. TOMAS REIMERS: కొంత ఉంటుంది మీరు చూస్తారు ఆపాదించాడు. అవును. Pset 7 మంచి సూచన. మేము ఐడిని కలిగి. మీరు కూడా చేయవచ్చు తరగతి, ఈ వంటి విషయాలు. ఒకే ట్యాగ్ అనేక లక్షణాలను కలిగి ఉంటుంది. కాబట్టి ID ప్రారంభించి, మేము యొక్క నటిస్తారు తెలియజేయండి నేను తెలియదు of-- ఒక id కలిగి అనుకుంటున్నారా. మేము ప్రత్యేక పిలుస్తాను ఈ కారణంగా, మేము ఉన్నాము బోల్డ్ సిధ్ధంగా, మరియు అండర్లైన్, మరియు సంసార. ALLISON BUCHHOLTZ-AU: ఇది వార్తలు గొన్న ప్రత్యేక సూపర్ ఉంటుంది. TOMAS REIMERS: సో ఈ ఒకటి, మనకు ID ప్రత్యేక ఉన్నాయి. మార్గం ఎంచుకోండి కాబట్టి, అప్పుడు, main.css లో, p ట్యాగ్ కాకుండా, మీరు OK, #special చేయండి? మరియు ఆ ఎంపిక id ప్రత్యేక విషయం. ఈ అందరికీ తెలుస్తుంది ఉందా? ప్రేక్షకులు: అవును. TOMAS REIMERS: కూల్. కాబట్టి ఇప్పుడు మేము తిరిగి వెళ్లి ఉంటే, మేము అయ్యో see-- చేస్తాము. అవును. మేము చూస్తారు అది మాత్రమే ఎంపిక id ప్రత్యేక ఒకటి. అవును? చల్లని ధ్వనులు. అవును. 

ప్రేక్షకులు: ఏదో ఒక ఉంటుందా రెండు తరగతి మరియు ఒక id లక్షణం? 

TOMAS REIMERS: అవును. ప్రేక్షకులు: OK. మీరు ఇవ్వాలని ఉంటే అప్పుడు ఏమి జరుగుతుంది ఆ సంఘర్షణ CSS లో కొన్ని నియమాలు? TOMAS REIMERS: అబ్సొల్యూట్లీ. మేము ఖచ్చితంగా చూడాలని గురించి మాట్లాడటానికి. కాబట్టి వేటి మీరు పొందుతున్న వద్ద, మీరు కూడా తరగతులు ఉండవచ్చు. కాబట్టి యొక్క నేను నటిస్తారు తెలియజేయండి మూడు పేరాగ్రాఫులు మరియు నేను మొదటి శైలి కావలెను రెండు కానీ మూడవ లేదు. Well, మీ మొదటి ఆలోచన నేను బాగా కావచ్చు కేవలం రెండవది ఒక id ఇవ్వాలని కాలేదు. కానీ మీరు కాదు, ఒక ID ఎందుకంటే, సరిగ్గా అల్లిసన్ చెప్పడం జరిగినది వంటి ఏకైక ఉండాలి. 

సో బదులుగా ఒక id, ఏమి మీరు ఉపయోగించవచ్చు మీరు ఒక తరగతి ఉపయోగించవచ్చు ఉంటుంది. మరియు ఒక తరగతి అనుమతిస్తుంది ఏమి మీరు ప్రధానంగా చెప్పాలి చేయాలని, ఈ సమూహం భాగంగా చెందినది. ఈ సందర్భంలో, మా గుంపులో స్పెషల్ అంటారు. అప్పుడు మేము చేయబోతున్నామని ఏమి ఉంది మేము, బదులుగా పౌండ్ కంటే చెప్పే చూడాలని మేము డాట్ ఉపయోగించడానికి వెళుతున్న. సరేనా? గమనించే ఆ పౌండ్ మరియు డాట్ మాత్రమే CSS ఫైల్ లోపల ఉన్నాయి, కాదు HTML లోపల. ALLISON BUCHHOLTZ-AU: అవును. ముఖ్యమైన వ్యత్యాసం. 

TOMAS REIMERS: నేను చాలా పోరాటం కలిగి నేను HTML లో హాష్ చాలు ఎందుకంటే మరియు అప్పుడు కేవలం ఒక కాలం కోసం స్టుపిడ్ భావించాడు. ఇది రెండు ఎంపిక ఎలా చూడండి ఆ తరగతి వాటిని? కూల్. 

ఇప్పుడు, విషయాలు బహుళ తరగతులు ఉండవచ్చు. నేను మొదటి అనుకున్నారు పిలవబడు రెండు పసుపు నేపథ్యాన్ని కలిగి మరియు రెండవ రెండు కలిగి నీలం ఒక ఫాంట్ రంగు. OK. నేను ఇష్టం ఎందుకు నేను నిజంగా తెలియదు ఆ చేయాలనుకుంటున్నారా, కానీ నేను. 

ALLISON BUCHHOLTZ-AU: కాదు మీ వెబ్సైట్ కోసం అది సిఫార్సు. కానీ మా ప్రయోజనాల కోసం, అది చేస్తాను. 

TOMAS REIMERS: ఇది కాదు ఒక మంచి రంగు పథకం. ALLISON BUCHHOLTZ-AU: చక్కగా, పసుపు మరియు నీలం నా ఉన్నత పాఠశాల రంగులు ఉన్నాయి. నేను అయితే, తెలియదు. TOMAS REIMERS: అల్లిసన్ యొక్క అధిక పాఠశాల ఒక గొప్ప రంగు పథకం వచ్చింది. [నవ్వు] కాబట్టి అప్పుడు మేము కాల్ చేయవచ్చు ఈ ఉంది ఈ కాల్ లెట్స్ కాబట్టి మేము ప్రత్యేక ఉన్నాయి మరియు మేము ప్రెట్టీ చేశారు. నేను ఈ కోసం, మీరు ఉపయోగించగల, సూచిస్తున్నాయి మరింత వివరణాత్మక పేర్లు. ALLISON BUCHHOLTZ-AU: అవును, నేను చేస్తాను పసుపు లేదా నీలం, వంటి, ఈ కాల్. 

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

కాబట్టి నేపథ్య రంగు. మరియు తర్వాత మేము అలా చెప్పే చూడాలని రంగు మార్చడానికి మార్గం కేవలం "రంగు." ఉంది మరియు మేము అది నీలం తయారు చేయబోతున్నామని. ఆ చల్లని ఉంది. కాబట్టి ఇప్పుడు మేము కలిగి మొదటి రెండు ప్రత్యేక ఉన్నాయి. తదుపరి జరగబోతోంది "అందంగా = తరగతి." కలిగి ALLISON BUCHHOLTZ-AU: ఆపై మీరు చేస్తాము మధ్యలో ఒకటి "అందంగా" జోడించాలనుకుంటే. TOMAS REIMERS: అయ్యో. ఆపై మధ్యలో ఒకటి, "అందంగా" ఏమి జరుగుతుంది జోడించడానికి మీరు కేవలం ఒక ఖాళీ ఉంది. తరగతి లక్షణం కాబట్టి స్పేస్తో-విడదీయబడిన జాబితా అన్ని తరగతుల ఆ ట్యాగ్ వర్తిస్తాయి. సరేనా? ఈ ఒక చెందినది వంటి ఇది కాదు అని ప్రత్యేక తరగతి రకమైన "ప్రత్యేక, స్పేస్, అందంగా." ఇది రెండు classes-- చెందిన ప్రత్యేక మరియు అందంగా. అవును? కూల్. 

మరియు తర్వాత మేము చూడండి ఉంటే ఏమి జరుగుతుంది, మేము ఉన్నాము మొదటి ఒకటి కలిగి చూడటానికి వెళ్ళడం పసుపు నేపథ్యాన్ని, బ్లాక్ టెక్స్ట్. రెండవ one-- 

ALLISON BUCHHOLTZ-AU: బోల్డ్ --has నీలం టెక్స్ట్ పసుపు నేపథ్యాన్ని. మరియు మా చివరి కేవలం ఉంది మేము దానిది నీలం టెక్స్ట్. 

TOMAS REIMERS: కూల్? సెలెక్టర్లు ఎలా పని? పరమాద్భుతం. 

ALLISON BUCHHOLTZ-AU: మేము అనుకుంటున్నారా ఇప్పుడు అప్పుడు వివాదంపై మాట్లాడటానికి? 

TOMAS REIMERS: అవును కాబట్టి. నిక్షేపంగా. సో వాట్ మీరు ఏమవుతుంది కుడి, ఒక సంఘర్షణ ఉందా? మొట్టమొదటి ఒక నటిస్తారు లెట్ ఏదో సెట్స్ అప్ వంటి ALLISON BUCHHOLTZ-AU: బహుశా ఈ ఒక నేపథ్య మార్పులు? TOMAS REIMERS: అవును. కాబట్టి మేము తయారు చేయబోతున్నామని "అందంగా" సాల్మన్ నేపథ్య మార్చడానికి. ALLISON BUCHHOLTZ-AU: మీరు కేవలం ఉన్నాము అన్ని గొప్ప రంగులు నేడు, టోమస్. TOMAS REIMERS: అవును. నేను కనుగొన్న ఎందుకంటే నేను నిజమైన రంగు సాల్మన్ ఉపయోగించండి. కాబట్టి మేము ఆ చేయబోతున్నామని. నేను కూడా సన్సెట్ నిజమైన రంగు భావిస్తున్నాను. ప్రేక్షకులు: Sunset నిజమైన కలర్? ALLISON BUCHHOLTZ-AU: ఇది ప్రయత్నించండి లెట్. TOMAS REIMERS: ఈ డెమో తరువాత కేవలం సందర్భంలో అది అప్ messes ఎందుకంటే నేను డీబగ్గింగ్ ఉండాలనుకుంటున్నాను లేదు. కాబట్టి మేము సాల్మొన్ నిజమైన రంగు తెలుసు. కాబట్టి ఏ అంచనాలు ఏ జరిగే అవకాశముంది? 

ALLISON BUCHHOLTZ-AU: ఏ ఆలోచన? 

ప్రేక్షకులు: [వినబడని]. 

TOMAS REIMERS: అవును. కాబట్టి మీరు ఖచ్చితంగా కుడి వచ్చింది. సాధారణంగా, అది పడుతుంది ఇచ్చిన ఆ గత నియమం. 

ALLISON BUCHHOLTZ-AU: సో ఈ ఉంది పేరు కాస్కేడింగ్ అమలులోకి వస్తుంది. 

TOMAS REIMERS: సో ఎలా గుర్తుంచుకోవాలి మేము కాస్కేడింగ్ స్టైల్ షీట్స్ ఆ వచ్చింది? ఆ ద్వారా సో, మేము రకమైన అర్థం మేము నియమాలు ఒక సమూహం కలిగి ఇది ప్రతి ఇతర పైన దరఖాస్తు, మరియు వారు కూడా ప్రతి ఇతర భర్తీ చేయవచ్చు. 

ALLISON BUCHHOLTZ-AU: సో దిగువన సంసార టాప్ వద్ద సంసార భర్తీ చేస్తుంది. మీరు పూర్తిగా నియమాలు ఉన్నాయి కాలేదు ముందుగానే ఏదో ఎదుర్కోడానికి. మీరు ఉండాలనుకుంటున్నాను ఎందుకు అంటే కూడా వార్తలు మీరు స్టైలింగ్ ఉన్నప్పుడు జాగ్రత్తగా, కాబట్టి మీరు నియమాలు సృష్టించడం లేదు అని మీరు కేవలం పూర్తిగా భర్తీ చేస్తున్నారు. 

TOMAS REIMERS: Or maybe మీరు నియమాలు తిరిగి రాస్తుంది అనుకుంటున్నారు. 

ALLISON BUCHHOLTZ-AU: Or maybe మీరు. అవును. 

TOMAS REIMERS: మీరు ఒక కలిగి నటిస్తారు చాలా విషయాలు వర్తిస్తుంది తరగతి, కానీ మీరు మార్చేందుకు మీరు చెప్పే వీలు ఎరుపు మరియు ఫాంట్ నేపథ్య రంగు చాలా బోల్డ్ బరువు విషయాలు, కానీ ఒక కోసం, మీరు మాత్రమే నేపథ్య రంగు కావలసిన ఎరుపుగా కానీ మీరు అన్ని ఇతర కావలసిన లక్షణాలను, మీరు ఏదో అలా వంటి "font-weight = సాధారణ," అప్పుడు ఆ బోల్డ్ మార్పు దిద్దుబాటు రద్దుచెయ్యి ఉంటుంది. అవును? మళ్ళీ, ఉత్తమ మార్గం, నేను అనుకుంటున్నాను అల్లిసన్ అది కేవలం సాధన తెలిపారు. 

ALLISON BUCHHOLTZ-AU: ప్రయోగాత్మక. 

TOMAS REIMERS: ప్రాక్టీస్, ఆచరణ, ఆచరణలో, మరియు ప్రయోగం. నేను ప్రజలు చాలా తెలుసు CSS అంచనా మరియు చెక్ కేవలం చాలా ఉంది పేరు ఉంటే రోజు చివరిలో, మీరు ఏదో వంటి చేయాలనుకుంటున్నారా మీరు ఒక కఠినమైన ఆలోచన ఉంది, కానీ మీరు ఇప్పటికీ బహుశా అవసరం నిర్ధారించుకోండి అది ప్రయత్నించండి మీరు అది కనిపిస్తుంది ఏమి తెలుసు. 

ప్రేక్షకులు: మీరు దరఖాస్తు చేసినప్పుడు తరగతులు, ఒకటి కంటే ఎక్కువ అదే పేరా లేదా విభాగం, అది మేటర్ వాట్ క్రమంలో మీరు చెయ్యవచ్చు వ్యాఖ్యలు లోకి వాటిని టైప్? 

TOMAS REIMERS: కాదు, అన్ని వద్ద. 

ALLISON BUCHHOLTZ-AU: ఏ మంచిని మీ CSS శైలి షీట్ లోపల క్రమంలో. ప్రేక్షకులు: మీరు ప్రశ్న పునరావృతం కాలేదు? TOMAS REIMERS: ఓహ్. ALLISON BUCHHOLTZ-AU: లోపల తరగతి, మీరు ఇవ్వడం చేస్తున్నారు తరగతులు HTML లో ఏదో చేస్తుంది అది వారు ఉన్నారు ఇది ఆర్డర్ విజయం? ఇది క్రమంలో పట్టింపు లేదు. ఏ మంచిని క్రమాన్ని మీ CSS తరగతి సెలెక్టర్లు, మీ శైలి షీట్ లోపల. 

TOMAS REIMERS: సౌండ్ మంచి? 

ALLISON BUCHHOLTZ-AU: లవ్లీ. 

TOMAS REIMERS: ఆపై మేము to-- కొనసాగించడానికి వెళుతున్న ALLISON BUCHHOLTZ-AU: మేము తదుపరి ఏం చేయాలి? నేను మర్చిపోతే. ఓహ్, మేము కేవలం ఉదాహరణలు ఉన్నాయి. కానీ మేము రకమైన ఆ చేశాను. మేము ఫ్లై ఉదాహరణలు చేసిన. 

TOMAS REIMERS: మేము పొందుటకు త్వరలో సెలెక్టర్లు మిళితం. 

ALLISON BUCHHOLTZ-AU: ఓహ్, మేము సెలెక్టర్లు కలపడానికి పొందండి. TOMAS REIMERS: సో కొన్ని ఉదాహరణలు మేము కలిగి # Dog-- పౌండ్, లేదా హాష్ ట్యాగ్ లేదా octothorpe, లేదా సంసార మీరు ఆ పదునైన కాల్ అనుకుంటున్నారా. 

ALLISON BUCHHOLTZ-AU: వెంటనే కుక్క. 

TOMAS REIMERS: అప్పుడు మీరు .pets చేశారు. ఏదో, కుక్క యొక్క ఒక ID ఉంది పేజీ మాత్రమే ఒక కుక్క లేరు. ఏదో ఒక ID ఉంది పిల్లి, కేవలం ఒక పిల్లి ఉంది. పేజీ పలు పెంపుడు జంతువులు ఉండవచ్చు. మేము వర్గాలు ఇచ్చింది ఎందుకు ఆ వార్తలు. మీరు P ఒక ఉదాహరణ ఉంది. ఆపై ఒక కాబట్టి గత ఉదాహరణకు, ఇది మేము గురించి మాట్లాడారు లేదు ఏదో ఉంది మీరు వాటిని కలిపి చేసినప్పుడు ఏమి జరుగుతుందో ఉంది. P.pets కాబట్టి. 

ఆ కోసం కాబట్టి, యొక్క వినుడు కోడ్ మరియు అవును మరొక పరిచయం. ఇక్కడ తిరిగి. 

ALLISON BUCHHOLTZ-AU: నేను ఈ నిజంగా ఉంది భావిస్తాను వంటి కేవలం ఉదాహరణలు ద్వారా చూడటం నిజంగా ఈ తెలుసుకోవడానికి మార్గం. కాబట్టి మేము చేస్తున్న ఏమిటి. 

TOMAS REIMERS: సో యొక్క మేము నటిస్తారు తెలియజేయండి మాత్రమే కుడి టెక్స్ట్ 2, ఎంచుకోండి? కాబట్టి మేము ఖచ్చితంగా కాదు ఒక ఐడితో అలా. Well, మేము ఒక తో అలా కాలేదు id, కానీ అది ఒక id లేదు. నేను ఒక జోడించడానికి, కానీ యొక్క నటిస్తారు తెలియజేయండి నేను ఒక జోడించడానికి లేదని లేదా ఇప్పటికే ఏదో ఉంది. నేను ఆ తో అలా కాదు. ట్యాగ్ కుడి, ఖచ్చితంగా ఏకైక కాదు? కానీ వాటిలో తరగతి ఉంది. కానీ మీరు ఈ విషయాలు మిళితం చేయవచ్చు. మేము ఏదో చేయాలని కోరుకున్నారు సే ఇది మాత్రమే విషయాలు వర్తిస్తుంది తరగతి ప్రత్యేక మరియు ఇది తరగతి అందంగా ఉంటుంది. 

కాబట్టి మీరు ఏమి చేయవచ్చు, main.css ఉంది మీరు మొదటి ఈ తొలగించండి తెలియజేయండి చెప్పగలను. మీరు ఈ మిళితం చేయవచ్చు. కాబట్టి మీరు .special చేయవచ్చు. స్థలం లేదు. జస్ట్ .special.pretty. దాని అర్థం ఏదో ఉంది ప్రత్యేక మరియు అందంగా రెండు ఉంది. ఆ సమంజసం లేదు? మరియు మేము ఇక్కడ వెళ్ళి ఉంటే, ఏమి మీరు చూడండి చూడాలని ఈ పాలన మాత్రమే వర్తిస్తుంది ఉంది ఆ రెండూ కలిగి ఇది రెండవది. మరియు మీరు విషయాలు చాలా కోసం ఆ చేయవచ్చు. మీరు లెట్స్ స్టేట్మెంట్లు చదివితే చేయవచ్చు నేను మాత్రమే కోరుకున్నారు నటిస్తారు అందంగా తరగతి పనులు మరియు కూడా ఒక పేరా ట్యాగ్ ఇవి. కాబట్టి p.pretty. యొక్క నేను ఉందని నటిస్తారు లెట్ ట్యాగ్ శరీరం మీద అందంగా ఏదో. సరేనా? నేను ఈ అమలు మరియు నేను చేయవచ్చు ఇది మాత్రమే అని చూడగలరు ఇవి విషయాలు దరఖాస్తు వెళుతున్న అందంగా తరగతి పేరాలు. మరియు మీరు, ఈ మిళితం చేయవచ్చు ప్రధానంగా, మీకు కావలసిన అనేక. కాబట్టి మీరు వాటిని కలిసి ఉంచవచ్చు. ఆ సమంజసం లేదు? ALLISON BUCHHOLTZ-AU: సో ఈ రకమైన మరింత ఉపయోగకరంగా ఉంది ఉన్నప్పుడు, టోమస్ ఉండవచ్చు, ముందు చెప్పడం జరిగింది మీరు చాలా క్లిష్టమైన వెబ్సైట్ కలిగి, మరియు మీరు ఇప్పటికే చాలా ఉన్నాయి వ్రాసిన ఈ నియమాలు, మరియు మీరు కేవలం అవసరం ముందు నుండి రెండు కలిపి. ఇలా బదులుగా మొత్తం వ్రాసే కొత్త సెలెక్టర్ మరియు అక్కడ అది మారుతున్న మీరు కేవలం కలపడానికి చేయవచ్చు వాటిని అతివ్యాప్తి పేరు. 

TOMAS REIMERS: లేదా మీరు కొన్నిసార్లు దీనిని కలిగించే ఒక తరగతి ఉంది దీనిలో వంటి ఫాంట్ రంగు నీలం, మరియు మరొక తరగతి ఉంది దీనిలో నేపథ్య నీలం. మరియు కేవలం పనిచేయదు. సో మీరు ఒక ప్రత్యేక సందర్భంలో వ్రాయడానికి, ఎక్కడ, ఇది రెండు కలిగి ఉంటే వంటి కానీ, మీరు ఏమి చేస్తున్నామో చేయబోవడం మీరు చూడాలని ఉంది ఈ ఒక నీలం ఈ నీడలో చేయడానికి మరియు ఈ ఒక నీలం ఈ ఇతర నీడ. కుడి? 

ALLISON BUCHHOLTZ-AU: గుడ్ మినహాయింపులు కొన్ని రకాల కోసం. TOMAS REIMERS: సో సమస్యల గురించి ఆలోచించడం మీరు వాటిని కలిపి చేసినప్పుడు ఎదురవుతాయి ఉండవచ్చు. కూల్. సో తిరిగి మా ప్రదర్శనను. ALLISON BUCHHOLTZ-AU: మేము దాదాపు అక్కడ ఉన్నారు. TOMAS REIMERS: మరియు అది కనెక్ట్ ఆగిపోయింది. ALLISON BUCHHOLTZ-AU: అరెరె. ALLISON BUCHHOLTZ-AU: వద్ద CS ఆఫీసు, ఇంటర్నెట్ చెయ్యకపోతే. ఓహ్, వ్యంగ్యము. 

TOMAS REIMERS: సో అదృష్టవశాత్తూ, మేము చెయ్యవచ్చు ఇంటర్నెట్ లేకుండా అందించడానికి, నేను ఊహిస్తున్నాను మేము ఇక్కడ అన్ని స్లయిడ్లను కలిగి ఎందుకంటే. కాబట్టి యొక్క మాట్లాడటానికి వీలు టాగ్లు సంబంధం. ALLISON BUCHHOLTZ-AU: కుడి. అన్నారు కాబట్టి కేవలం రకమైన టోమస్ మాట్లాడుతూ ఆఫ్, ఈ దీన్ని కేవలం మరొక మార్గం. కాబట్టి మేము కొన్ని మాతృ కలిగి పిల్లల సెలెక్టర్ సెలెక్టర్. ఇక్కడ ఈ ఉదాహరణలో, మేము కొన్ని కలిగి ఒక తరగతి నావిగేషన్ పట్టీ, తరగతి బటన్ శరీరం. ఆహ్. 

TOMAS REIMERS: ఓహ్, సారీ. 

ALLISON BUCHHOLTZ-AU: మరియు ప్రధానంగా, దీని అర్థం వంటి, పిల్లలు అన్ని ఎంచుకోండి ఉంటుంది సెలెక్టర్ల ఈ రకమైన అన్ని, ఈ మాతృ సెలెక్టర్. మరియు ఆ మాత్రమే వాటిని ఉంటాయి అది ఎప్పుడూ దరఖాస్తు జరగబోతోంది. నాకు తెలీదు మీరు ఉంటే మెరుగైన రీతిలో of-- TOMAS REIMERS: సో నేను ఆలోచించడం విధంగా అంచనా ఈ గురించి ఎలా ముందు గుర్తుంచుకోవడానికి ఉంది మేము విధమైన కలిసి వాటిని చాలు. ఆపై ఒక మూలకం అంటే వీటిలో అన్ని సరిపోతుంది. ఈ విధంగా అన్నాడు నేను ఉంది మీరు ప్రతిదీ మ్యాచ్ మీరు నేను కావలసిన some-- లోపల మీరు ఒక సెలెక్టర్ కనుగొనేందుకు. ఆపై ఆ లోపల నేను కావలసిన మీరు కొత్త విషయాలు మ్యాచ్. కుడి? కాబట్టి CSS లో, ఇది అన్ని గురించి విధమైన వార్తలు ఈ అంశాలను మ్యాచ్ సామర్థ్యం. మరియు మీరు మ్యాచ్ ప్రయత్నించండి చేయవచ్చు ఇతర అంశాలను లోపల అంశాలు. 

కాబట్టి యొక్క వాస్తవానికి ఒక ఉదాహరణ తెలియజేసేలా, మరియు మేము ఆ స్పష్టం చేస్తాము అనుకుంటున్నాను. కాబట్టి యొక్క మేము ప్రత్యేక ఉన్నాయి నటిస్తారు తెలియజేయండి ప్రత్యేక అందంగా, సంసార. మరియు తర్వాత మేము సరే, ఒక లింక్ను కలిగి? సో ఒక లింక్, గుర్తుంచుకోవాలి. ఇది ఎక్కడైనా వెళ్ళడానికి మాత్రం కాదు. మరియు మేము అది ఇవ్వాలని వెళుతున్న తరగతి లింక్, నేను ఊహిస్తున్నాను. యొక్క ఇచ్చి లెట్ నాకు ఒక ఆలోచన ఇవ్వాలని తరగతి. ALLISON BUCHHOLTZ-AU: కూల్. TOMAS REIMERS: లెట్స్ Coo-- ఇది అందంగా తరగతి వెళ్ళండి. ఎందుకు లేదు? 

ALLISON BUCHHOLTZ-AU: OK. TOMAS REIMERS: సో ప్రస్తుతం చాలా విషయాలు నేపధ్యం చేయడానికి వెళ్తున్నారు సల్మాన్ నీలం, నేపథ్య రంగు. ఆ అర్ధమే. మరియు మేము దీన్ని ఉంటే 

ALLISON BUCHHOLTZ-AU: మీరు టెక్స్ట్ జోడించడానికి అనుకుంటున్నారా కాబట్టి హైపర్ లింక్ నిజానికి అప్ చూపిస్తుంది? TOMAS REIMERS: ఆ ఒక మంచి కాల్ ఉంటుంది. ALLISON BUCHHOLTZ-AU: 'కాజ్ కుడి ఇప్పుడు మేము ఏమీ గొన్న గెట్ కేవలం చేస్తున్నారు. TOMAS REIMERS: సో ఈ లింక్. "ఈ లింక్." ఓహ్, మరియు ఈ వెళ్లి మరొక లింక్ ఉండాలి. యొక్క తరగతి ఇవ్వాలని లెట్ "చల్లని." మీరు కుడి ఉన్నాము. కూల్. కాబట్టి ఇప్పుడు మేము ఈ పట్టుకోడానికి చూడాలని. మేము ఒక త్రో చేయబోతున్నామని. మేము ఒక కలిగి ప్రత్యేక ట్యాగ్, మరియు కూడా మేము అందంగా ట్యాగ్ లో ఒక పొందబోతున్నారు. మరియు ప్రస్తుతం మేము చేయబోతున్నామని ఏమి అలా మేము cool-- సిధ్ధంగా చేస్తున్నారు మనం దీన్ని అనుకుంటున్నారు? ALLISON BUCHHOLTZ-AU: మేము అది పెద్ద చేయవచ్చు? TOMAS REIMERS: యొక్క ఒక సరిహద్దు ఇవ్వాలని లెట్. ALLISON BUCHHOLTZ-AU: మేము సరిహద్దు కాలేదు. TOMAS REIMERS: అవును. కాబట్టి మేము ఏదో చేయబోతున్నామని వంటి సరిహద్దు ఏమిటంటే మరియు మేము ఉన్నాము అన్ని రెండవ ఈ వివరించేందుకు వెళ్ళడం. ఇప్పుడు కోసం 

ALLISON BUCHHOLTZ-AU: బాక్స్ మోడల్ చేయండి. TOMAS REIMERS: కానీ ఇప్పుడు కోసం, మేము ఉన్నాము కేవలం ఒక సరిహద్దు ఇవ్వాలని అన్నారు. సో వాట్ అంటే మీరు ఉన్నాము ఉంది ఈ లింకులు చూడండి వెళుతున్న. మరియు మీరు వారు కలిగి చూడండి చూడాలని ఈ, వంటి అగ్లీ నల్ల అంచుతో, ఇది బాగుంది. 

ALLISON BUCHHOLTZ-AU: మా వెబ్సైట్ అందంగా అనిపిస్తుంది. 

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

కానీ మేము మాత్రమే చల్లబరిచే అంతరంలో తరగతి లో క్లాస్ లో, ప్రత్యేక లేని అందంగా, ఆ సరిహద్దు కలిగి ఉండాలి. Well, మీరు ఏమి మీరు ఉంది .cool, .special, స్పేస్ చెప్పగలను. మీరు ఆలోచించినప్పుడు మరియు ఆ, ఏ చేయుచున్నాడు దాని గురించి, అది ప్రధానంగా చెప్పడం ఉంది, సరే, నాకు ప్రతిదీ కనుగొనేందుకు ప్రత్యేక సరిపోతుంది. అప్పుడు ఆ టాగ్లు లోపల, కనుగొనేందుకు చల్లని అని నాకు ప్రతిదీ. ALLISON BUCHHOLTZ-AU: సో మరొక మార్గం ఈ గురించి ఆలోచించడం మంచిది కావచ్చు C తిరిగి తీసుకు, ఉంది పరిధిని ఆలోచన వంటి. కాబట్టి మీరు కొన్ని కలిగి వాటిని వంటి సెలెక్టర్, మేము ఈ ముందు పని చేసిన ఆ, మీ మొత్తం వెబ్ పేజీ మీ HTML యొక్క అన్ని కుడి, మీ పరిధిలో ఉంది? కానీ మేము ఈ కలిగి ఉన్నప్పుడు పేరెంట్-చైల్డ్ బంధాలను, మీరు డౌన్ ఇక్కడ సంకుచితం చేస్తున్నాం, అది వార్తలు మీరు ఒక నిర్దిష్ట స్థానంలో చూస్తున్నారా ఉంటే, వంటి, మేము లోపల చూస్తున్నారా ఒక నిర్దిష్ట ఫంక్షన్ బదులుగా మా మొత్తం ఫైలు యొక్క. ప్రేక్షకులు: చేస్తాను, మనసులో ఆ సో మేము changed-- కలిగి ఉంటే అది ముఖ్యమని ALLISON BUCHHOLTZ-AU: క్రమంలో? ప్రేక్షకులు: CSS లో --the తరగతి , స్పేస్ .cool కు, .special? ALLISON BUCHHOLTZ-AU: అవును, ఎందుకంటే ఆ పరిధిని దానికి, చెబుతా చల్లని ఉంది ప్రతిదీ, తరువాత ఏమి has-- చూడండి నేను, ఈ సందర్భంలో, వంటి, అర్థం నేను అది మార్చిన అనుకుంటున్నాను లేదు. 

TOMAS REIMERS: మేము ఏమి చెప్పాడు? క్షమించాలి. 

ALLISON BUCHHOLTZ-AU: మేము ఉంటే అది అప్పుడు ఏర్పడి స్కోప్ ప్రత్యేక విషయాలను కోసం చూడండి, నిజానికి, అదే ఉంటుంది. 

TOMAS REIMERS: సో అది కాదు. 

ALLISON BUCHHOLTZ-AU: ఇది కాదు? బాగా ఓహ్, ఓహ్. నేను తప్పు am. 

TOMAS REIMERS: సో కారణం అది different-- సాధారణ తప్పు వార్తలు ఆ ప్రస్తుతం మాత్రమే లింక్ కుడి, చల్లని ఉంది? మీరు అబ్బాయిలు ఉంది నేను, నా ప్రశ్న అంచనా ఈ పేజీలో ఏమి .cool ద్వారా సరిపోలే? రెండు టాగ్లు కుడి, ఇక్కడ ఉన్నాయి? ఏ ఈ ఒక మరియు ఈ ఒకటి. రెండు బాగున్నాయి మ్యాచ్. ఎవరెవరికి ఏమి చేస్తుంది. కాబట్టి మీరు చెప్పారు ఉంటే, .cool, స్పేస్, .special, మీరు చెప్పటానికి వెళుతున్న ఈ టాగ్లు లోపల, ప్రత్యేక ఉంది? ALLISON BUCHHOLTZ-AU: అవును. ఆ ఏమి దీన్ని సరియే. ఇక్కడ కేవలం ఏదో వంటిది ఎందుకంటే. 

TOMAS REIMERS: సో అది ఏమీ ఎంపిక. 

ALLISON BUCHHOLTZ-AU: తో అయితే ప్రత్యేక, మేము ఇక్కడ ఈ టాగ్లు లోపల చేస్తున్నారు. 

TOMAS REIMERS: ఉన్నవారు. ప్రేక్షకులు: OK. కాబట్టి ముందుకు నుండి ఆ టాగ్లు స్లాష్? 

TOMAS REIMERS: అవును. ఆ సమంజసం లేదు? ఇది ఎలా ప్రాథమికంగా పరిధిని ప్రయత్నిస్తున్న. ALLISON BUCHHOLTZ-AU: అవును. నేను బహుశా అనుకుంటున్నాను సులభమయిన మార్గం దాని గురించి ఆలోచించడం. 

TOMAS REIMERS: సో మేము ఈ కనుగొన్నారు, మరియు మేము ఈ రెండు ప్రత్యేక సరిపోలిన. మరియు తర్వాత మేము లోపల, అభ్యర్థిస్తున్నాము ఈ కుర్రాళ్ళు, చల్లని ఏమిటి? మరియు ఈ ఒక, ఈ ఒక చల్లని లోపల. ఈ ఒక లోపల, ఏమీ చల్లని ఉంది. కాబట్టి ఈ మిగిలిపోయింది మాత్రమే ట్యాగ్ ఉంటుంది. 

ALLISON BUCHHOLTZ-AU: చల్లని అయితే అక్కడే ఈ టాగ్లు లోపల ఉంది. TOMAS REIMERS: ఖచ్చితంగా. మరియు ఆ లోపల ప్రత్యేక ఏమిటి? ఏమీ లేదు. ఇప్పుడు, నేను చెబుతాను ఏమిటి ఖాళీ ఉంది ఉంటే, మీరు చల్లని మరియు special-- ఏమి అభ్యర్థిస్తున్నాము లేదా కుడి, అందంగా మరియు ప్రత్యేక ఏమిటి? మీరు .special.pretty చెప్పుకోవాలంటే, ఆ వార్తలు .pretty.special అదే. 

స్పేస్ తొలగించడం ఏమి ఎందుకంటే మీరు .special చెప్పినప్పుడు ఉంది అడగడం, మీరు OK, అభ్యర్థిస్తున్నాము ఏవో ప్రత్యేక ఉన్నాయి? ఆపై, ఆ ఇది వాటిని కూడా అందంగా, ఇది వ్యాకరణ, అదే, అడగడం, అందంగా ఏమిటి, ఆపై ఆ, ప్రత్యేక కూడా ఏమిటి? కుడి? ఇది తేడా వార్తలు ఏమిటి లోపల. ప్రేక్షకులు: OK. TOMAS REIMERS: అవును. పరమాద్భుతం. Then-- మనసులో ఆ సో 

ALLISON BUCHHOLTZ-AU: నేను మా గత అనుకుంటున్నాను విషయం (ఫ్యాన్సీ బ్రిటిష్ ఉచ్ఛారణ లో) బాక్స్ మోడల్. 

TOMAS REIMERS: box-- [chuckles] నేను అల్లిసన్ చెప్పారు మార్గం ప్రేమ. బాక్స్ మోడల్ విషయం కాబట్టి. 

ALLISON BUCHHOLTZ-AU: జస్ట్ కలిగి ఒక బాక్స్, నేను మీ బాక్స్ మోడల్ ఉంటాం. TOMAS REIMERS: సో యొక్క మాట్లాడటానికి వీలు. కాబట్టి ఇప్పుడు మేము చాలా ఖర్చు చేసిన సమయం సెలెక్టర్లు గురించి మాట్లాడటం. ఇప్పుడు ద్వారా, మీరు అబ్బాయిలు వంటి, బహుశా ఉంటాయి, మీకు తెలిసిన selectors-- మాస్టర్స్, సరిగ్గా కంటెంట్ ఎంచుకోండి ఎలా మీరు మీ తెరపై సవరించడానికి మీరు. 

కాబట్టి ఇప్పుడు ప్రశ్న ఎలా ఉంది ఖచ్చితంగా మీకు చేయవచ్చు? కాబట్టి నేను చాలా ప్రాథమిక అంచనా గురించి ఆలోచించడం మార్గం బాగా, వేటి ఉంది CSS లో ఒక మూలకం ఉంది? మేము సమయం చాలా ఖర్చు చేసిన గురించి మాట్లాడుతూ ఒక ట్యాగ్ ఏమిటి, లేదా చాలా ప్రాథమిక ఏమిటి ట్యాగ్ యొక్క ప్రాతినిధ్యాన్ని? 

గురించి ఆలోచించడం ఒక మంచి మార్గం అంటే, సాల్మన్ ఏమి ఆకారం ఉంటుంది? , వంటి, ఏం ఆకారం ఉంది నేపథ్య సాల్మన్ రంగు? 

ప్రేక్షకులు: ఇది ఒక దీర్ఘ చతురస్రం ఉంది. 

TOMAS REIMERS: ఇది కుడి, ఒక దీర్ఘచతురస్రం ఉంది? 

ALLISON BUCHHOLTZ-AU: ఒక ట్రిక్ ప్రశ్న కాదు. [నవ్వు] 

TOMAS REIMERS: ప్రయత్నిస్తున్న లేదు ఈ చివరి మీరు అబ్బాయిలు మోసపూరిత. కాబట్టి మేము ఈ దీర్ఘ చతురస్రం చేశారు. మరియు టాగ్ పి కుడి ఉంది? కాబట్టి ఆ మాకు మంచి ఇస్తుంది పేరా నమ్మకం వద్ద, ఒక దీర్ఘ చతురస్రం వలె సూచించబడుతుంది బ్రౌజర్ యొక్క మనస్సులో కనీసం వీటిలో ఇది. 

ALLISON BUCHHOLTZ-AU: నేను, అర్థం బ్రౌజర్లు, సాధారణంగా దీర్ఘచతురస్రాకార ఉంటాయి కాబట్టి ఇది అర్థవంతంగా ఉంటుంది. 

TOMAS REIMERS: ఆలోచన ఇక్కడ ఉంది CSS లోపల టాగ్లు అన్ని ఆ ఒక దీర్ఘ చతురస్రం వలె సూచించబడతాయి. మరియు ప్రతి దీర్ఘచతురస్ర నాలుగింటికి CSS ప్రకారం భాగాలు, సరేనా? మీరు అసలు కంటెంట్ కలిగి ఉంటాయి. టెక్స్ట్ ఉంది పేర్కొంది. 

ALLISON BUCHHOLTZ-AU: బహుశా మీ చిత్రాన్ని. 

TOMAS REIMERS: అవును. మీరు ఇది, padding కలిగి తెలుపు స్థలం కేవలం రకమైన. అప్పుడు మీరు ఒక సరిహద్దు కలిగి. ఆపై మీరు, మార్జిన్ కలిగి ఆ వెలుపల తెలుపు స్థలం. ఆ అస్సలు అర్ధమే కాబట్టి ఎవరికైనా, కాబట్టి మేము ఉన్నాము రెండవ కోసం గురించి మాట్లాడటానికి వెళుతున్నారు. కాబట్టి ఇక్కడే, మేము చేయబోతున్నామని ఏమి మేము OK, కొన్ని divs సృష్టించడానికి చూడాలని ఉంది? నాకు అయితే క్షమించడం తప్ప 

ALLISON BUCHHOLTZ-AU: నేను భావిస్తాను మేము ఒక అందమైన చిత్రాన్ని ఉంచాలి ఉండాలి. 

TOMAS REIMERS: మేము ఖచ్చితంగా ఉండాలి. 

ALLISON BUCHHOLTZ-AU: నేను ప్రతి ఒక్కరూ భావిస్తాను ఒక నుండి లాభదాయకమైన అందమైన చిత్రాన్ని, అన్ని ఉంది. 

TOMAS REIMERS: మేము a-- నుండి ప్రయోజనం 

ప్రేక్షకులు: అవును, ఖచ్చితంగా. TOMAS REIMERS: OK, చల్లని. కాబట్టి మేము ఒక అందమైన చాలు ఉండాలి ఎక్కడో చిత్రం. ALLISON BUCHHOLTZ-AU: నేను ఒక భావిస్తాను అందమైన బన్నీ ఇప్పుడు ఉపయోగకరంగా కావచ్చు. TOMAS REIMERS: షూర్. ALLISON BUCHHOLTZ-AU: వారం యొక్క ముగింపు. ఏదైనా కలిగి adorab-- 

TOMAS REIMERS: ఎలా ఒక కిట్టెన్ బాక్సింగ్? 

ALLISON BUCHHOLTZ-AU: ఒక కిట్టెన్ కూడా పనిచేస్తుంది. 

TOMAS REIMERS: కూల్, ఎందుకంటే ఆ కోసం ఒక సైట్ ఉంది. ఇది PlaceKitten అని. ALLISON BUCHHOLTZ-AU: ఆ గొప్ప పని. TOMAS REIMERS: అవును. ALLISON BUCHHOLTZ-AU: జస్ట్ వంటి, కోసం, మీ వెబ్ సైట్ లో హోల్డర్ చిత్రాలు. TOMAS REIMERS: MM-HM. PlacePuppy కూడా ఉంది. మరియు PlaceBacon ఉంది. 

ALLISON BUCHHOLTZ-AU: PlaceBacon? రియల్లీ? 

TOMAS REIMERS: ఓహ్, మేము లేదు ఇక్కడ ఇంటర్నెట్ యాక్సెస్. 

ALLISON BUCHHOLTZ-AU: [GROANS] ట్రాజిక్. TOMAS REIMERS: లేకపోతే, నేను మీరు అబ్బాయిలు చూపించు మీ వెబ్ సైట్ లో చిత్రాలు ఉంచాలి. మేము ఈ పొందుటకు ప్రయత్నించండి చూడాలని మేము వెళ్ళాలి ముందు పని. కానీ ఇప్పుడు కోసం, మేము మాత్రమే ఉన్నారు అప్పుడు రంగులు లో మాట్లాడటానికి వెళుతున్నారు. మేము kittens-- యొక్క చిత్రాలు ఉంచాలి కావలసిన 

ALLISON BUCHHOLTZ-AU: మేము చేశాడు. 

TOMAS REIMERS: --the ఇంటర్నెట్ యొక్క క్షణం డౌన్ ఉండటం. కాబట్టి మేము రెండు divs కలిగి, మరియు మేము ఉన్నాము వాటిని రెండు ఐడిలు ఇవ్వాలని అన్నారు. మేము కాల్ చూడాలని "మొదటి" మరియు "రెండవ." కాబట్టి id = "మొదటి." మరియు మేము వాటిని రెండు రంగులు ఇవ్వాలని వెళుతున్న. కాబట్టి మేము ఏదో ఎంచుకోండి ఎలా "మొదటి" యొక్క ఒక ఐడితో? ALLISON BUCHHOLTZ-AU: డాట్ లేదా హాష్? ప్రేక్షకులు: షార్ప్. TOMAS REIMERS: షార్ప్, పరిపూర్ణ. షార్ప్, hash, సంసార we-- 

ALLISON BUCHHOLTZ-AU: విషయాలు బోలెడంత కాల్. 

TOMAS REIMERS: OK. మేము హాష్ ట్యాగ్ స్థిరపడింది కావడం చేస్తున్న ఆ మేము వెళ్ళి చూడాలని ఏమిటి. సరేనా? 

ALLISON BUCHHOLTZ-AU: హ్యాష్ట్యాగ్. 

TOMAS REIMERS: సో హాష్ ట్యాగ్ యొక్క మొదటి. 

ALLISON BUCHHOLTZ-AU: సో మీరు seminar-- ట్వీట్ చేయవచ్చు హాష్ ట్యాగ్ CSS, చల్లని హాష్ ట్యాగ్. TOMAS REIMERS: హ్యాష్ట్యాగ్ కౌటిల్య. ALLISON BUCHHOLTZ-AU: హ్యాష్ట్యాగ్ ఆశ్చర్యాన్ని, అవును. TOMAS REIMERS: OK. కాబట్టి మేము "మొదటి" మరియు "రెండవ." కలిగి కాబట్టి మొదటి, మేము చూడాలని ఎరుపు నేపథ్య రంగు. ALLISON BUCHHOLTZ-AU: ఉహ్, పెద్దప్రేగు. TOMAS REIMERS: అయ్యో. ALLISON BUCHHOLTZ-AU: నేను మీ స్పాట్ చెక్కర్ ఉంటాం. TOMAS REIMERS: అల్లిసన్ నాకు వచ్చింది. Blue-- నేపధ్యం రంగు 

TOMAS REIMERS: పర్పుల్! 

TOMAS REIMERS: పర్పుల్. ALLISON BUCHHOLTZ-AU: అవును. పర్పుల్ యొక్క నా అభిమాన రంగు, మరియు మేము ఇంకా అది ఉపయోగించలేదు. 

TOMAS REIMERS: వయొలెట్. ALLISON BUCHHOLTZ-AU: వయొలెట్. ఆ పనిచేస్తుంది. 

TOMAS REIMERS: సో మేము ఉన్నాము రెండు divs కలిగి జరగబోతోంది. వారు పూర్తిగా ఖాళీగా చూడాలని. మేము బహుశా కొంత టెక్స్ట్ ఉండాలి. సో "మొదటి" అని అన్నారు "హలో." మరియు "రెండవ" స్టేట్మెంట్లు చదివితే 

ALLISON BUCHHOLTZ-AU: గుడ్బై. 

ప్రేక్షకులు: - "వరల్డ్." గుడ్బై, హలో. ALLISON BUCHHOLTZ-AU: నేను చూసిన కచేరీ వాటిని ఇతర వారం. TOMAS REIMERS: బీటిల్స్? ALLISON BUCHHOLTZ-AU: వాస్తవ సంఖ్యలు కోసం. వారు ఆ గొప్ప లేదు. నేను ఇష్టం లేదు. 

TOMAS REIMERS: మేము కలిగి "హలో" మరియు "గుడ్బై." మరియు తిరిగి, CSS, కేవలం అద్భుతం అది మా రంగులు గుర్తించింది ఎందుకంటే. కూడా అవసరం లేదు వారు ఉనికిలో ఆందోళన. వారు. 

ALLISON BUCHHOLTZ-AU: వారు ఉనికిలో. 

TOMAS REIMERS: కాబట్టి CSS నేను ఆలోచించండి 255 పదాలు రంగు గురించి మాట్లాడటానికి. మీరు బయట రంగు యొక్క ఆలోచించవచ్చు ఉంటే ఆ 255, వంటి, నేను ఆకట్టుకున్నాయి ఉంటుంది. ALLISON BUCHHOLTZ-AU: అవును. నేను మీరు అబ్బాయిలు కలిగి ఉండవచ్చు అనుకుంటున్నాను కేవలం కుడి తర్వాత వస్తాయి. 

TOMAS REIMERS: ఇక్కడ, మీరు, మేము రెండు పెట్టెలు ఉన్నాయి చూస్తారు కుడి ప్రతి ఇతర, కుడి పైన? HELLO మరియు గుడ్బై. 

ALLISON BUCHHOLTZ-AU: మధ్య ఖాళీ ఉంది. వారు కేవలం smooshed చేస్తున్నారు కుడి ప్రతి ఇతర పైన. 

TOMAS REIMERS: సో మొదటి విషయం నేను మేము గురించి మాట్లాడటానికి ఉండాలి ఊహించడం కూడా అవును అని పిలవబడు ఉంది. కాబట్టి CSS బాక్సులను విధమైన వాటిని సూచిస్తుంది. మరియు బాక్సులను, వారు కంటెంట్ కలిగి ఉంటాయి. మరియు కంటెంట్ ప్రస్తుతం విధమైన ఉంది HELLO లేదా గుడ్బై అంతే. సరేనా? 

మొదటి విషయాలు ఒకటి కాబట్టి మీరు చేయవచ్చు మీరు padding జోడించవచ్చు. పాడింగ్ ఎంత ఖాళీ చెప్పారు ప్రతి వైపు వదిలేయాలి. కాబట్టి యొక్క నేను చెప్పడానికి అనుకుందాం తెలియజేయండి ప్రతి వైపు 10 పిక్సెళ్ళు. నేను రెండవ ఆ భాగాలుగా విడగొట్టు ఉంటుంది. ALLISON BUCHHOLTZ-AU: ఇక్కడ ఈ అన్ని విషయాలను పిక్సెల్స్ లో ఎక్కువగా ఉంటాయని సదస్సు యొక్క మిగిలిన. మీరు అది కలిగి చూడండి చూడాలని దాని చుట్టూ కొన్ని అంతరిక్ష కుడి? సో మీరు ఇక్కడ లేదు ఏమి ఉంది ఉంది పాడింగ్ ఈ అదృశ్య విధమైన వంటి చెప్పారు ఇది ప్రతి వైపు, న, సరే, మీరు content-- మీ బాక్స్ 

ALLISON BUCHHOLTZ-AU: మీరు అనుకుంటున్నారా కేవలం తనిఖీ మూలకం పుల్ అప్? 

TOMAS REIMERS: అవును, ఒక మంచి ఆలోచన. ALLISON BUCHHOLTZ-AU: కూడా, నేను కనుగొనేందుకు తనిఖీ మూలకం ఒక మంచి మార్గం ఏదో జరగబోతోంది ఉంటే గుర్తించడానికి తప్పు, ఊహించని ఏదో జరుగుతుంది, టాగ్లు పరిశీలించేందుకు మరియు చూసిన ఏమి భర్తీ ఉపయోగపడిందా ఉంది వంటిది. 

TOMAS REIMERS: సో నేను ఖచ్చితంగా తెలియదు మీరు అబ్బాయిలు ఈ రంగు చూడవచ్చు. మీరు చేయగలరా? మీరు ఈ పాడింగ్ చూస్తారు అంచు యొక్క విధమైన. ఆపై మీరు అసలు చూడండి నీలం కంటెంట్, కుడి? కాబట్టి చాలా వార్తలు బాక్స్ మోడల్ యొక్క ప్రాథమికాలను. మీరు కంటెంట్ కలిగి. అప్పుడు మీరు padding కలిగి. 

ప్రేక్షకులు: మీరు ఎందుకు కేవలం లేదు వాట్ లోపల బాక్స్ ఉపయోగించడానికి 

ALLISON BUCHHOLTZ-AU: కుడి. అది కేవలం ఎంచుకోవడం ఎందుకంటే ప్రస్తుతం మూలకం. 

TOMAS REIMERS: అయ్యో. ఇతర విషయాలు. కాబట్టి యొక్క ఆ మాట్లాడటానికి వీలు రెండవ కోసం పాడింగ్ ఆదేశం. CSS, కొలతలు కాబట్టి ఒక యూనిట్ కలిగి ఉండాలి. కాబట్టి మొదటి మీరు మొత్తం కలిగి. కాబట్టి ఈ సందర్భంలో, మనం 10 అన్నారు చేసాము. ఆపై తదుపరి అన్నాడు చేసిన మేము పిక్సెళ్ళు, px ఉంది. మీరు కలిగి ఉండవచ్చు ఇతర కావలి సెంటీమీటర్ల, అంగుళాలు వంటి విషయాలు. మీరు వంటి విషయాలను ఈ, 10 అంగుళాలు ఏమిటి? మరియు అది నమ్మశక్యం చేస్తాడు. 

ALLISON BUCHHOLTZ-AU: ఓహ్, బాలుడు. 

ప్రేక్షకులు: అయ్యో. 

TOMAS మరియు ALLISON: అవును. TOMAS REIMERS: సో అన్ని padding ఉంది. నేను పిక్సెళ్ళు తిరిగి వెళ్ళడానికి వెళుతున్న. 

ALLISON BUCHHOLTZ-AU: పిక్సెల్స్ ప్రామాణిక, వంటి, ఉంటాయి. మీరు వెబ్సైట్లు చాలా చూడండి, వారు ఎక్కువగా పిక్సెళ్ళు పని. TOMAS REIMERS: సో మీరు చూడండి చూడాలని గాని మీరు చూడండి ఇతర వాటిని pixels-- ఒక em ఉంది దీనిలో, em ఉంది ఫాంట్ యొక్క ఎత్తు సమాన ఇది మీరు ప్రస్తుతం ఉపయోగిస్తున్న. 

ALLISON BUCHHOLTZ-AU: Mm. TOMAS REIMERS: ఇది చెప్పడానికి ఒక మంచి మార్గం వంటి, నేను నా ఫాంట్ ఎక్కువ స్థలం కావాలి తీసుకుంటోంది. ALLISON BUCHHOLTZ-AU: ఆ తెలియదు. మీరు కొత్త ఏదో ప్రతి రోజు తెలుసుకోండి. TOMAS REIMERS: ఉన్నాయి CS కొలతలు చాలా. నేను మీరు వాటిని చూసేందుకు సూచిస్తున్నాయి. అన్ని మీ సందర్భాలలో, నేను అనుకుంటున్నాను పిక్సెళ్ళు తగినంత ఉండాలి. మరియు వారు కూడా ఏమి చేస్తున్నామో మీరు చూడండి చూడాలని ఆన్లైన్ చేయబడుతుంది ఉదాహరణలు మెజారిటీ. కాబట్టి మేము పిక్సెళ్ళు చెప్పను. 

మీరు కూడా నేను చెప్పే ఉండాలి పాడింగ్ సెట్లు paddings అన్ని. మీరు కూడా అలాంటిదే చేయవచ్చు కేవలం సెట్ కు "padding-top" ALLISON BUCHHOLTZ-AU: బహుశా మేము మా "హలో" తిరిగి పొందుతారు. TOMAS REIMERS: కేవలం సెట్ --to టాప్ మరియు వేరే ఏమీ పాడింగ్. అందువలన నాలుగు ఆదేశాలను padding-టాప్, padding-bottom, padding-left, మరియు padding-right. 

ALLISON BUCHHOLTZ-AU: జస్ట్ వంటి మీరు ఒక బాక్స్ కోసం ఆలోచించే. 

TOMAS REIMERS: అవును. నథింగ్ చాలా అక్కడ వెర్రి. ఆ సమంజసం లేదు? కాబట్టి ఆ padding ఉంది. నేను అన్ని సెట్ వెళుతున్న తిరిగి 10 paddings. ఆపై నేను సరిహద్దు మీద తరలించడానికి వెళుతున్న. 

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

అప్పుడు మీరు శైలి ఇస్తాయి. కాబట్టి నేను వెళుతున్నాను "ఘన." మరియు మేము అర్థం ఏమి గురించి మాట్లాడదాము. మరియు తర్వాత చివరగా, మీరు ఒక రంగు ఇవ్వాలని. కాబట్టి నేను వెళుతున్నాను "నలుపు." మరియు ఈ మేము చేసిన అన్ని విషయాలు ఇప్పుడు శైలి తప్ప, ముందు చూడని, కానీ మేము గురించి మాట్లాడదాము. కాబట్టి మీరు అబ్బాయిలు కొలతలు చూసిన, మరియు మీరు రంగులు చూసిన. మరియు ఏమి జరుగుతుందనే మేము ఈ పొందండి ఉంది అది చుట్టూ nice నల్ల అంచు, కుడి? మేము ఆ ఎలా మీరు అబ్బాయిలు చూడండి? 

ప్రేక్షకులు: అవును. 

TOMAS REIMERS: కూల్. కాబట్టి ఆ ఏమిటి? కాబట్టి మొదటి అన్ని యొక్క, అది ఒక పిక్సెల్ యొక్క. కుడివైపు, తగినంత స్వీయ స్పష్టంగా ఉంది? వలె, ఇది ఒక పిక్సెల్ మందపాటి ఉంది. లేదా అది ఒక పిక్సెల్ ఉంటుంది, కానీ నేను ఉన్నాను ఇది కొద్దిగా ఎక్కువ కాబట్టి, జూమ్ కంటే. 

ALLISON BUCHHOLTZ-AU: మరియు మేము కలిగి ఈ పరిహాసాస్పదం స్పష్టత TV. 

TOMAS REIMERS: అవును. మీరు అది పెద్ద కనిపించేలా చేయవచ్చు, చిన్న, సంసార. కాబట్టి ఇక్కడ రెండు పిక్సెల్ సరిహద్దు ఉంది. మీరు అది మందపాటి రెండుసార్లు వంటి చూస్తారు. మీరు తదుపరి విషయం రంగు. ఆసక్తికరమైన కాదు. నేను మాట్లాడటానికి వెళ్ళడం లేదు చేస్తున్నాను నిజంగా, గురించి. 

ALLISON BUCHHOLTZ-AU: కానీ శైలి కేవలం ఒక చిన్న ఆసక్తికరమైన కావచ్చు. 

TOMAS REIMERS: అవును. శైలి అంటే, కొన్ని వాటిని ఉన్నాయి నేను సాధారణంగా ఉపయోగించే చూసే. మొదటివి యొక్క ఘన తదుపరి ఒకరి చుక్కల, మరియు గత ఒక హరించుకుపోయాయి. మరియు ఇక్కడ నిండి ఉన్నాయి. మీరు వారు ఉన్నట్లు చూస్తారు చుక్కలు బంచ్, కుడి? విధమైన ఒక nice సరిహద్దు పొందడానికి ఒక మంచి మార్గం అన్నారు, డాష్లు కూడా అందంగా ప్రసిద్ధము. 

ALLISON BUCHHOLTZ-AU: ఆపై కోర్సు యొక్క, నేను రెడీ ఖచ్చితంగా ఇతర పుష్కలంగా ఉన్నాయి మీరు పొందవచ్చు శైలులు. మరియు మేము ఒక గొప్ప సెట్ మీరు అబ్బాయిలు కోసం చివరిలో లింకులు రకం పరిశీలనగా మరియు మరింత చల్లని CSS వద్ద చూడండి. 

TOMAS REIMERS: ఆపై గత విషయం, మేము ఉన్నాము గురించి మాట్లాడటానికి వెళ్ళడం బాక్స్ నమూనాలు నిజ త్వరగా. ఓహ్, మరియు అప్పుడు సరిహద్దు, సరిగ్గా పాడింగ్ వంటి, మీరు కూడా వంటి వాటిని కలిగి సరిహద్దు-ఎడమ, border-right, border-top, సరిహద్దు-bottom, మీరు అనుమతించే ఒక నిర్దిష్ట సరిహద్దు వద్ద పొందడానికి. కాబట్టి ఇక్కడ కేవలం సరిహద్దు ఎడమ నిర్వచించిన ఉంది. అర్ధమే లేని? 

ALLISON BUCHHOLTZ-AU: ఇది ఒక చల్లని ఉంది మార్గం విషయాలు నొక్కి లేదా జోడించడానికి వివిధ అంశాల మధ్య పంక్తులు. TOMAS REIMERS: అబ్సొల్యూట్లీ. కాబట్టి మా సరిహద్దు ఉంది. మరియు చివరి యొక్క మార్జిన్. మార్జిన్ యొక్క వంటి పాడింగ్ అది within-- కాదు తప్ప ALLISON BUCHHOLTZ-AU: ఇది వార్తలు మీ మూలకం చుట్టూ కానీ వాస్తవానికి మొత్తం చుట్టూ బాక్స్ మేము చూసిన చేసిన. 

TOMAS REIMERS: అవును. అల్లిసన్ సంపూర్ణ తెలిపింది. ఇది మీ లోపల, వంటి, కాదు మూలకం, ఇది మొత్తం బాక్స్ చుట్టూ. ఆ వంటి విషయాలు అర్థం నేపథ్య అది వర్తించదు. మరియు అది ప్రధానంగా, చెప్పారు వంటి, నేను ఏదైనా వద్దు నాకు ఈ చాలా స్పేస్ లో. మేము ఇక్కడ కాబట్టి వంటి 10 పిక్సెళ్ళు ఒక మార్జిన్. 10 పిక్సెళ్ళు లోపల ఏమీ నాకు పక్కన ఉండాలి. ఆ రకంగా దాని స్పేస్ కానీ రకమైన లేదు. కాబట్టి చాలా వార్తలు బాక్స్ మోడల్ యొక్క ప్రాథమికాలను. ఆ సమంజసం లేదు? కూల్, చల్లని. ALLISON BUCHHOLTZ-AU: బ్రహ్మాండం. కాబట్టి ఇప్పుడు నేను కేవలం మేము అనుకుంటున్నాను మా చల్లని వనరులను కలిగి మేము మీరు అబ్బాయిలు తీసుకొని వెళ్తాము చాలా త్వరగా ద్వారా. మరియు మేము బాగా నిజంగా చేస్తాము, మేము ఇంకా ఇంటర్నెట్ ఉన్నాయి? 

TOMAS REIMERS: లెట్ యొక్క నేను up-- తెరుస్తుంది చూడండి నాకు కేవలం చూడటానికి నేను త్వరగా ఇంటర్నెట్ పొందవచ్చు అల్లిసన్ ఏదైనా గురించి మాట్లాడుతుంటాడు అయితే అల్లిసన్ గురించి మాట్లాడటానికి కోరుకుంటున్నారు. ALLISON BUCHHOLTZ-AU: కాబట్టి ప్రధానంగా నాదగ్గర నేను ఈ సమయంలో చెప్పగలదు ఏమి తెలుసు. కానీ ఇవి కొన్ని నిజంగా మంచి వనరులు. ఈ కలవి టోమస్ మరియు నేను ఉపయోగించారు మరియు మేము నిజంగా ఆ ఈ ప్రేప్ ఉపయోగిస్తారు. W3schools ఒకటి మీరు అబ్బాయిలు ముందు చూసిన ఉండాలి. మేము ఒక కోసం అది సిఫార్సు CSS తో విషయాలు చాలా. నేను దీన్ని సిఫార్సు తెలుసు నా విభాగంలో అన్ని సమయం. 

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

మరియు అది ఈ చిన్న ఉంది పాఠాలు మీరు చెయ్యవచ్చు తెలుసుకోవడానికి ద్వారా వెళ్ళి సెలెక్టర్లు గురించి మరింత లేదా అభిసంధానించడం గురించి తెలుసుకోవడానికి మీ ఫాంట్, లేదా నేపథ్య, లేదా ఒక చిత్రం. మరియు మీరు ఈ కలిగి తక్షణ ఫలితాలు మీరు ఏ విధంగా లేదు ఇతర తయారీ పని. కాబట్టి నేను W3schools ప్రేమ. ఇది అద్భుతమైన ఉంది. అది పనిచేస్తున్నట్లు? 

TOMAS REIMERS: అవును. కాదు, అది కాదు. మీరు నాకు ప్రయత్నించండి అనుకుంటున్నారా మరియు నా కంప్యూటర్ పునఃప్రారంభించబడుతుంది? లేదా మేము to-- అనుకుంటున్నారు 

ALLISON BUCHHOLTZ-AU: నేను, అర్థం బాగా, ఈ కూడా ఆన్లైన్ ఉంటుంది. అన్ని స్లైడ్లు ఆన్లైన్ ఉంటుంది. సో నేను అత్యంత ఈ సిఫార్సు చేస్తున్నాము. 

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

TOMAS REIMERS: సో మొజిల్లా ఉంటాయి Firefox తయారు చేసిన వ్యక్తులు. మరియు అది కేవలం వారి సొంత డెవలపర్ వార్తలు నేను అనుకుంటున్నాను సూచన, అద్భుతం. మరియు అది ఒక అద్భుతమైన ఉంది వనరుల జాబితా. కాబట్టి మేము దగ్గర 

ALLISON BUCHHOLTZ-AU: ఆపై గత గమనిక ఉంది మీరు ప్రయత్నిస్తున్న మీ వెబ్సైట్ రూపకల్పన విషయాలు నుండి ప్రేరణ డ్రా మీరు అందంగా ఉన్నాయి. మూలకం పర్యవేక్షించు, సోర్స్ కోడ్ పరిశీలించేది సూపర్ సహాయకారిగా ఉంటుంది బయటకు దొరుకుతుందని ఆశించాను కోసం మీ సొంత వెబ్ సైట్ శైలి. 

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

TOMAS REIMERS: కుడి. కూడా వెబ్సైట్ల వంటి ఈ వంటి, మీరు చూడగలరు ఎగువన ఒక div ఖచ్చితంగా ఉంది. ఆపై మీరు లోపల మరొక div కలిగి ఇక్కడ, ఇది CSS ఆశ్చర్యాన్ని ఉంది. ఆపై మీరు ఇక్కడ లింకులు కొంత కలిగి. మీరు నిజంగా కేవలం తనిఖీ ఉంటే అంశాలు, మీరు క్రమం చేయవచ్చు వెబ్సైట్లు ఏమి చూడడానికి వంటి కనిపిస్తాయి మరియు ఎలా నేను నేను కోరుకుంటే ఆ పునఃసృష్టి. ఆ సమంజసం లేదు? కాబట్టి మేము మాత్రమే వదిలి మూడు నిమిషాలు. ప్రశ్నలు కాబట్టి? వాటిలో ఏదైనా? అవును. 

ప్రేక్షకులు: రంగు కోసం దీర్ఘ చతురస్రం, ఎన్ని మీరు మీరు కోరుకోలేదు ఉంటే దగ్గర మొత్తం పేజీ అంతటా కాలేదు అన్నారు మీరు మాత్రమే అంతటా వెళ్ళి చేసిన సగం పేజీ లేదా కేవలం టెక్స్ట్? 

TOMAS REIMERS: అవును, ఖచ్చితంగా. కాబట్టి నాకు నిజంగా చూసేలా. నేను రెండు ఆలోచనలు కలిగి. అన్ని కాబట్టి మొదటి, మీరు కూడా శాతాలు ఉపయోగించవచ్చు. 

ప్రేక్షకులు: రియల్లీ? 

ALLISON BUCHHOLTZ-AU: సో ఏదో చూసేందుకు సాపేక్ష స్థానాలు. ఇది ఏదో మేము పొందడానికి సమయం లేదు, కానీ నేను ఖచ్చితంగా ఏదో వార్తలు మీరు అబ్బాయిలు తనిఖీ సిఫార్సు. 

TOMAS REIMERS: సో శాతాలు. మేము అది చేసిన ఎలా మరియు చూడండి వెడల్పు కేవలం 50%? ALLISON BUCHHOLTZ-AU: మీరు నిజానికి పిక్సెళ్ళు సంఖ్య తెలుసు, మీరు ఆ విధంగా మరింత ఖచ్చితమైన ఉంటుంది. మీరు దానిని చుట్టూ సారంగి. కానీ 50%. మేము మా బ్రౌజర్ పరిమాణాన్ని ఉంటే, అది చిన్న తయారవుతుంది. 

TOMAS REIMERS: సరే, వార్తలు ప్రధానంగా 50% ప్రస్తుతం, నేను అనుకుంటున్నాను. ఇది అప్పుడు మార్జిన్ 50%, మరియు ఆ జతచేయబడింది. CSS అసాధరణ చాలా ఉంది. సో ఇప్పుడు ఈ ఉంది పేజీ వెడల్పు 50%. కానీ మీరు 10 కలిగి గుర్తుంచుకోవాలి పిక్సెళ్ళు ప్రతి వైపు నుండి తీసుకున్నారు. సో ఎలా మీరు వ్యతిరేకంగా వెళ్ళడానికి ఉన్నాయి బ్రౌజర్ యొక్క ఎడమ అంచు, అప్పుడు అది 50% వంటి చూస్తారు. నేను అన్నాడు వంటి మళ్ళీ, CSS చెయ్యవచ్చు అంచనా మరియు చెక్ ఒక చాలా ఉంటుంది. వలె, మీరు ఏదో అనుకుంటున్నాను ఒక విధంగా ప్రవర్తిస్తాయి అన్నారు, కానీ ఇది ఒక విభిన్నమైన విధంగా ప్రవర్తిస్తుంది. 

ALLISON BUCHHOLTZ-AU: మరియు మీరు కేవలం, తెలివిగా పొందండి మరియు మీరు కేవలం ఒక మంచి పొందడానికి అది అంతర్ మీరు కదులుతుందని. 

TOMAS REIMERS: మరియు అది దారుణంగా మరియు దారుణంగా పొందుతాడు. కనుక ఇది నిజంగా కేవలం ఒక జాతి వార్తలు. 

ALLISON BUCHHOLTZ-AU: ఆ సూపర్ ప్రోత్సహించటం ఉంది. మేము వాటిని CSS ఇష్టం అనుకుంటున్నారా. 

TOMAS REIMERS: CSS అద్భుతం. గుర్తుంచుకోండి. ఇతర ప్రశ్నలు? 

ALLISON BUCHHOLTZ-AU: ఒక విషయం. ఏదైనా? కూల్. 

TOMAS REIMERS: బ్రహ్మాండం. 

ALLISON BUCHHOLTZ-AU: సరే, మీరు ఉంటే అబ్బాయిలు తరువాత ఏవైనా ప్రశ్నలు మేము ఎల్లప్పుడూ సాధారణ ప్రకారం అందుబాటులో ఉన్నారు. మీరు బహుశా కొన్ని చూస్తారు చివరి ప్రాజెక్టులకు మాకు మరియు ఖచ్చితంగా Hackathon వద్ద. 

TOMAS REIMERS: అబ్సొల్యూట్లీ. మరియు ఫెయిర్ వద్ద. 

ALLISON BUCHHOLTZ-AU: మరియు ఫెయిర్ వద్ద. ఓహ్. 

TOMAS REIMERS: ఎదురుచూస్తున్నాము మీ awesome-- అన్ని చూసిన 

ALLISON BUCHHOLTZ-AU: మేము చూస్తారు మీ సంభ్రమాన్నికలిగించే వెబ్సైట్లు అన్ని ఆ అందమైన ఉంటుంది. TOMAS REIMERS: మీరు ఎల్లప్పుడూ చెయ్యవచ్చు , వంటి, వెబ్సైట్లను చూడండి ఎవరు, అప్పుడు వంటి మంచి CSS మరియు కలిగి CSS చేయడానికి ప్రయత్నించండి లేదు వారికి ఇష్టం. ALLISON BUCHHOLTZ-AU: అలాగే, మరొక విషయం పరిశీలించాలని ఒక మరింత విషయం బూట్స్ట్రాపింగ్ ఉంది. కాబట్టి బూట్స్ట్రాప్ బాగుంది. 

TOMAS REIMERS: గూగుల్ ఉంటే మీరు చేసిన 

ALLISON BUCHHOLTZ-AU: Google. ఇది అద్భుతమైన ఉంది. మీరు నచ్చే. ఇప్పుడు మీరు ఒక కలిగి CSS యొక్క ప్రాధమిక అవగాహన, ఇది చాలా కోణంలో చేస్తాము. పరమాద్భుతం. ఇద్దరు అబ్బాయిలు. 

TOMAS REIMERS: చాలా ధన్యవాదాలు.