[இசை] ALLISON BUCHHOLTZ-AU: எனவே நாம் அடிப்படையில் தான் போகிறோம் நீங்கள் ஒரு தீர்வறிக்கை கொடுக்க CSS ஐ, நாங்கள் அறிந்து அது மூடப்பட்டிருக்கும் என்று அனைத்து பிரிவுகள். நாம் உண்மையில் என்பதை உறுதி செய்ய வேண்டும் நீங்கள் தோழர்களே, உங்கள் வசம் இந்த கருவியை அதை செய்ய திறன் உள்ளது, ஏனெனில் உங்கள் வலைத்தளங்களில் மிகவும் அழகாயிருக்கிறது பார்க்க. அப்புறம், நீங்கள் ஒரு இணைய தளத்தில் கட்டி என்றால் ஒருவேளை நீங்கள் அதை அழகாக செய்ய வேண்டும். அதாவது, நீங்கள் இல்லை, ஆனால் நான் அதை விரும்புகிறேன். [சிரிப்புகள்] நீங்கள் பயனர்கள் பயன்படுத்த விரும்பினால், நீங்கள் போகலாம் அது ஒரு சிறிய [செவிக்கு புலப்படாமல்] செய்ய வேண்டும். நாம் முயற்சி மற்றும் நீங்கள் கொடுக்க போகிறோம் சில அடிப்படை கருவிகள் மற்றும் புரிந்துணர்வு, என்று நீங்கள் வெளியே போய் நீங்கள் இருக்கும் போது 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: வெளிப்படையாக, என் ஜிஎம்ஸ் எனக்கு பிடிக்காது. TOMAS Reimers: ஓ, எங்களுக்கு ஒரு நொடி கொடுக்க அலிசன் அவரது மைக்கை மாற்றும்போது. எனவே ஆமாம். எனவே நாம் நமது முக்கிய பக்கம் இருக்கிறது. இது unstyled வகையான தான். நாம் அதிகம் இல்லை. நாம் வெறும் அடிப்படையில் உரை வேண்டும். நாம் பாணி தாள். நாம் தலைப்பு வேண்டும். அதனால் தான் வெற்று boned கூறுகளை ஒரு இணையதளம். எனவே அங்கு இருந்து, நாம் CSS என்ன பற்றி பேச மற்றும் அது போன்ற மற்றும் அனைத்து தெரிகிறது என்ன. எனவே சி க்கான ALLISON BUCHHOLTZ-AU: மீண்டும் சரிவுகள். TOMAS Reimers: சரிவுகள் மீண்டும். மேலும் அலிசன் மேல் எடுக்க முடியாது. ALLISON BUCHHOLTZ-AU: வூ. சரி. உங்கள் CSS கோப்பு எனவே நீங்கள் செய்ய போகிறோம் இந்த விஷயங்கள் நிறைய தேர்வாளர்கள் என்று. என்று தான் இருக்கும் உங்கள் CSS கோப்பு அடிப்படையில். அது இருக்க போகிறது நிறைய இந்த நிறைய. எனவே தேர்வுக்குழு. இது பொது உடற்கூறியல். நாம் செல்ல போகிறோம் உதாரணங்கள், ஏனெனில் நீங்கள் எப்போதும் நான் உணர்கிறேன், என் பிரிவில் பார்த்தோம் சுருக்க விஷயங்கள் போன்ற உண்மையில் பயன் இல்லை. அது எப்போதும் உதாரணங்கள் பார்க்க உதவுகிறது. எனவே, சில தேர்வுக்குழு வேண்டும். அந்த சில அடையாளங்காட்டி இருக்க நடக்கிறது நாம் என்ன நடை விண்ணப்பிக்க. பின்னர், நாம் எந்த இருக்க முடியும் விதிகள் மற்றும் மதிப்புகள் அமைக்க. நீங்கள் பார்க்க வேண்டும் என்று தேர்வாளர்கள் எனவே உடல் போன்ற ஏதாவது இருக்கலாம், அல்லது பி பத்தி, அல்லது தலைப்பு, அல்லது என்ன, என்ன நீங்கள், உங்கள் HTML குறிச்சொற்களை இருக்க வேண்டும். எனவே, இந்த விஷயத்தில், நாம் உடல் வேண்டும். நாம் சில விதி வேண்டும், இந்த ஒத்துள்ளது என்ன உங்கள் பாணி பொருந்தும். எனவே, இந்த விஷயத்தில், நாம் பின்னணி நிறம் மற்றும் எழுத்துரு எடை. எனவே இந்த மாற்ற போகிறது எதையும் பின்னணி எங்கள் HTML கோப்பு எந்த உடல் டேக். அது கொடுக்க நடக்கிறது இந்த ஒளி நீல மதிப்பு. எனவே அதை செய்ய போகிறோம் பின்னணி ஒளி நீல. பின்னர் உடலில் உள்ள எதையும் ஆகிறது தைரியமான ஒரு எழுத்துரு எடை வேண்டும் நடக்கிறது. அதனால் தான் நடக்கிறது எங்கள் உரை அனைத்து தைரியமான. இந்த ஒரு தேர்வுக்குழு உள்ளது. ஆனால் நீங்கள் இந்த மிக பல இருக்க முடியும். நாம் காட்ட போகிறோம் பின்னர், சிறிது மேலும் எப்படி அங்கு பணிகள் மற்றும் மேலும் உதாரணங்கள் என்று. நீங்கள் சேர்க்க வேண்டும் எதையும்? TOMAS Reimers: இல அலிசன் கிடைத்தது. நாம் ஒரு வரை குறைக்க போகிறோம் இங்கே நம்முடைய உதாரணத்தை தளத்தில் உதாரணம். எனவே உண்மையில் இந்த அழைத்து செல்லலாம். சரியான நேரம். அதனால் நான் ஒரு நகல் மற்றும் பசை போகிறேன் எங்கள் main.css கோப்பு அந்த உரிமை. நான் அதை காப்பாற்ற போகிறேன். மற்றும் நாம் அதை இயக்க வேண்டும். எனவே பக்க குறிப்பு, ஒரு மிகவும் வெறுப்பாக விஷயங்களை நீங்கள் ஒரு கோப்பை சேமித்து என்றால் பிறகு, மாதிரி, பக்கம் ஏற்றவும், மற்றும் போன்ற, ஏன் இல்லை என்ன நடக்கிறது மாற்றம்? அது நடக்கும். இங்கு நாம் எடுப்பதில்லை என்பதைக் கண்டு எங்கள் ஒரு வெளிர் நீல பின்னணியில் இணையதளத்தில் மற்றும் சில உரை தடித்த. நான் கூட, வேண்டும் நீங்கள் என்றால் தோழர்களே எதையும் பற்றி கேள்விகள் நாம் என்ன செய்கிறோம், தயவு செய்து எங்களுக்கு இலவசமாக நிறுத்த மற்றும் எங்களுக்கு கேட்க. நாம் முற்றிலும் தயாராக இருக்கிறோம் கேள்விகள் துறையில். வெளிப்படையாக, கொண்டு: அலிசன் BUCHHOLTZ-AU CSS, தனக்குள்ளாகவே மீது கட்டப்பட்டுள்ளது. ஒரு விஷயம் இல்லை என்றால், அதனால் இப்போது பயன் நாங்கள் வேண்டாம் என்று பின்னர் நீங்கள் கீழே சேறு. TOMAS Reimers: எனவே நாம் வகையான இந்த வெட்டிச்சோதித்தலை. எனவே நீங்கள் ஆரம்பிக்க வேண்டும் இங்கே தேர்வுக்குழு? ALLISON BUCHHOLTZ-AU: ஆமாம். நான் முன்பு சொன்னது போல, உடல் இங்கே தான் எங்கள் தேர்வுக்குழு உள்ளது. எனவே நாம் நமது index-- ஹா மீது மீண்டும் சென்றால். TOMAS Reimers: நான் மூடப்படும். எனக்கு ஒரு இரண்டாவது கொடுக்க. எனவே இன்டெக்ஸ்.ஹெச்டிஎம்எல், கோப்பை திற. ALLISON BUCHHOLTZ-AU: எஸ். எனவே நீங்கள் இங்கே கவனிக்க என்றால், நாம் வலது, இந்த குறிச்சொற்களை வேண்டும்? எனவே தேர்வுக்குழு தான் ஒத்துள்ளது நாம் பற்றி பேசுகிறீர்கள் என்று குறிச்சொற்களை. வலது இங்கே உடல் எனவே. எனவே நாம் என்ன சொல்கிறீர்கள் என்று ஆகிறது எல்லாம் நாம் திரும்பி செல்ல? நான் சொல்ல விரும்புகிறேன் போன்ற திரை தொட்டு. இது மிகவும் குளிரான இருக்கும். அந்த நேரத்திற்குள் எனவே எதையும் நாங்கள் கண்ட குறிச்சொற்களை, , தான், போன்ற, உரை இருந்தது மற்றும் பொது உடல் , போன்ற, பின்னணி குறிக்கிறது. நீங்கள் எப்போதும் வேண்டும் என்றால் பின்னணி மாற்ற, ஒரு உடல் டேக் இருக்க போகிறது. அவற்றை பயன்படுத்தப்படும் இந்த விதிகள் உள்ளன. எனவே நாம் செல்ல இருந்தால் இன்டெக்ஸ்.ஹெச்டிஎம்எல் ஆகியவை உண்மையில், நாங்கள் ஏதாவது செய்யலாம் உடல் வெளியே? நாம் இருந்தால், போன்ற, ஒரு முடிப்பு அல்லது ஒன்று, அது இந்த விண்ணப்பிக்க முடியாது. ஆனால் எதையும் இந்த குறிச்சொற்களை போகிறது இந்த உடல் பாதிக்கப்பட்ட வேண்டும் நாங்கள் செய்த தேர்வுக்குழு. நீங்கள் தட்டச்சு இருந்தன என்றால் வேறு ஏதாவது அங்கு TOMAS Reimers: என்று வீட்டில் ஓட்டுகிறேன். என்றால் அதனால் தான், நாம் ஒரு div-- இருந்தது நீங்கள் முடியும் மற்றொரு டேக். நான் அதை மூட போகிறேன். அல்லது இந்த ஒரு பத்தி செய்யலாம். எனவே ப பத்தி நிற்கிறது. அந்த பத்தி உள்ள. பின்னர் நான் "இந்த உரை.", என்று கூல். பின்னர் நான் இந்த ஆட்சி விண்ணப்பிக்க செய்து அதற்கு பதிலாக உடலின் ஒரு பத்தி. நீங்கள் அதை மட்டுமே பொருந்தும் எப்படி பார்க்க வேண்டும் புதிதாக அமைக்கப்பட்ட பத்தி, வலது, முழு இல்லை விஷயம். என்று பயன்? ALLISON BUCHHOLTZ-AU: எனவே இந்த அனைத்து உடல் ஆகிறது, ஆனால் இப்போது எங்கள் தேர்வுக்குழு தான் பத்தி ஒத்துள்ளது. எனவே தான் தைரியமான மற்றும் நீல இல்லை இந்த குறிப்பிட்ட பத்தி, இந்த மட்டும் தான் உள்ளது, ஏனெனில் என்று ப டேக் அமைந்திருக்கிறது. TOMAS Reimers: வகையான என்று பயன் என்ற விஷயங்கள் எப்படி மற்ற விஷயங்களை இயக்கக்? ALLISON BUCHHOLTZ-AU: மேலும், ஒரு , போன்ற, சிறந்த வழிகளில் ஒன்று சொல்ல உண்மையில் CSS வசதியாக பெற வேண்டும் இந்த போன்ற விஷயங்களை செய்ய உள்ளது, அதை வெளியே முயற்சி. இது ஏதோ தட்டச்சு செய்ய மிகவும் எளிது அவுட், புதுப்பி அடித்தது, என்ன நடக்கிறது என்று பார்க்கலாம். மேலும், மிக சிஎஸ் போல, பரிசோதனைகளுக்கு பெரும்பாலும் ஒரு நல்ல வழிவகுக்கும் உள்ளுணர்வு புரிந்து. மேலும் அதனால் நம்மை விட வெறும், போன்ற, நீங்கள் பேசி. TOMAS Reimers: முற்றிலும் 100% என்று கருத்தில் உடன்படவில்லை. நாம் இந்த திரும்பி சென்று இருந்தால், ஆரம்பிப்போம் இந்த இரண்டு செய்ய சரியாக என்ன நடிகரும். எனவே நாம் இந்த இரண்டு விதிகள் உள்ளன. முதல் ஒரு பின்னணி வண்ணம் உள்ளது. மற்றும் நாம் அதை அமைக்க என்று பார்க்கிறீர்கள் ஒரு மதிப்பு, வெளிர் நீலம், சமமாக. எனவே CSS, CSS வகையான ஆகிறது என்பதை பற்றி மிகவும் தளர்வான நீங்கள் வண்ண வரையறுக்க அனுமதி இல்லை. எனவே நீங்கள் பெயர் அவர்களை வரையறுக்க முடியாது. நீங்கள் போன்ற ஏதாவது செய்ய முடியும் "ரெட்." நாம் இந்த திரும்பி சென்று, பின்னர், நீங்கள் பின்னணி சிவப்பு என்று பார்க்க வேண்டும். நீங்கள் நான் நீங்கள் என்ன நினைக்கிறீர்கள் really-- பெற முடியும் இந்த அழகான படைப்பு பெற முடியும், இல்லையா? ALLISON BUCHHOLTZ-AU: நான் நீங்கள் ஹெக்ஸ் பயன்படுத்த முடியும் என்று தோன்றவில்லை. எப்படி இருக்கீங்க? TOMAS Reimers: ஆமாம். எனவே நீங்கள் ஹெக்ஸ் பயன்படுத்த முடியும். ஆனால் நான் பெயர் வாரியான நினைக்கிறேன். இல்லையா? ALLISON BUCHHOLTZ-AU: நீங்கள் ஒரு சில செய்ய முடியும். மிகவும் நிறங்கள் போன்ற மிகவும் அதிகம் என்று நீங்கள் போன்ற பெயர் முடியவில்லை, நான் சால்மன் ஒன்று என்று நான் நினைக்கிறேன். TOMAS Reimers: நாங்கள் அந்த முயற்சி சால்மன் இருக்கிறோம். ALLISON BUCHHOLTZ-AU: நான் Chartreuse அங்கு இருக்கிறார் என்று நினைக்கிறேன். TOMAS Reimers: ஆமாம். பார்? எனவே நீங்கள் அழகான படைப்பு பெற முடியும். ALLISON BUCHHOLTZ-AU: நீங்கள் அழகான படைப்பு பெற முடியும். போல், நீங்கள் யோசிக்க முடியும் என்றால் நிறத்தின் பெயர், அங்கு ஒருவேளை தான். நீங்கள் உண்மையில் நன்றாக விரும்பினால் விவரம், நீங்கள் ஹெக்ஸ் செல்ல முடியும். TOMAS Reimers: ஆமாம். எனவே அறுபதின்ம. நீங்கள் இந்த மீண்டும் நினைவில் இருந்தால் உங்கள் பழைய pset இருந்து, படம் மீட்க, நீங்கள் சமாளிக்க வேண்டியிருந்தது இந்த எண்ம மதிப்புகள். மற்றும் வகையான, அது என்ன என்று எனக்கு அய்.பி.எல் ஹெக்ஸ் அதை சேமித்து மூன்று மதிப்புகள் உள்ளது. எனவே அது இரண்டு அதிகரிப்பில் குழுக்கள் தான். முதல் இரண்டு சிவப்பு மதிப்பு பிரதிநிதித்துவம். இரண்டாவது ஒரு குறிக்கிறது பச்சை மதிப்பு. கடந்த ஒரு நீல உள்ளது? எனவே திதி பிரதிநிதித்துவம் நடக்கிறது ஒரு அறுபதின்ம 255. எனவே நீங்கள் 255 சிவப்பு, 255 வேண்டும் நீல, பச்சை, மற்றும் 0. மற்றும் மதிப்புகள் 0 மற்றும் 255 வரை. பார்வையாளர்கள்: வலது. எனவே அடிப்படையில், நாம் தேட முடியும் நாம் விரும்பும் எந்த நிறம் இணைய, மற்றும் உண்மையில்-அறியப்பட்ட அடையாளம் நிறமாலை சேர்க்கை, மற்றும் நாம் அதை வைத்து முடியும்? ALLISON BUCHHOLTZ-AU: நிச்சயமாக. எனவே நீங்கள் அழகாக முழு கட்டுப்பாடு நிறங்கள் மீது நீங்கள் CSS வேண்டும். நாம் பற்றி பேச போகிறோம் பின்னணி படங்களை பின்னர்? அல்லது நாம் அதை செய்ய வேண்டும் என்று விரும்புகிறீர்கள்? TOMAS Reimers: ஆமாம். நிச்சயமாக. எனவே, முதலில் ஒரு என்று காட்ட சிவப்பு மற்றும் பச்சை, மஞ்சள் உள்ளது. நீங்கள் சில வேண்டும் என்றால் இந்த கண்டுபிடித்து உதவ, நீங்கள் கூகிள் ஏதாவது செய்யலாம் "வண்ண தெரிவு." போன்ற ALLISON BUCHHOLTZ-AU: ஓ, அது மிகவும் நல்லது. நான் தேர்வி நேசிக்கிறேன். TOMAS Reimers: colorpicker.com ஒரு நல்ல உதாரணம். இங்கே, நீங்கள் வேண்டும் என்று பார்க்க வேண்டும் ஒரு முழு ஃபோட்டோஷாப் போன்ற வண்ண தெரிவு. ALLISON BUCHHOLTZ-AU: பல்துலக்கினேன் முத்தமிட்டேன். மேலும், குளிர் விஷயங்களை நீங்கள் வண்ண திட்டங்கள் உருவாக்க முடியும் நீங்கள் இல்லை என்று, போன்ற நிறங்கள் மோதினர். TOMAS Reimers: பின்னர் இங்கே இங்கே எண்ம மதிப்பு தான். எனவே நீங்கள் எப்போதும் அடிப்படையில் ஆன்லைனில் காணலாம் இடங்களில் இருந்து எண்ம மதிப்பு கிடைக்கும். இது, போல், அந்த வகையான இல்லை நாங்கள் எண்கள், உலகில் உள்ள நிறங்கள் பார்க்க. அதை நாம் ஆன்லைன் சென்று அந்த மேலும் மற்றும், நாம் என்ன நிறம் கண்டுபிடிக்க பின்னர் பல கீழே எடுத்து. அது ஒரு மிகவும் எளிது என்பதால், வழி சிஎஸ் விஷயங்களை குறிக்க. ALLISON BUCHHOLTZ-AU: பின்னர் also-- இல்லை நான் தளம் சரியான பெயர் மறக்கிறேன். ஆனால், நிச்சயமாக இல்லை நான் அடோப் இருந்து ஏதோ விஷயம் என்று, நீங்கள் வண்ண திட்டங்கள் உருவாக்குகிறது இது, உண்மையில் குளிர் காரணமாக நீங்கள் definitely-- அது சில நேரங்களில் தான் கண்டுபிடிக்க கடினமாக, ஓ, நான் இந்த வண்ண பயன்படுத்த வேண்டும் என்றால், என்ன மற்றொரு பயனுள்ள ஒன்றாக இருக்கலாம் என் தளத்தில் பிற இடங்களில் பயன்படுத்த, போன்ற, அது நல்ல மற்றும் ஒத்திசைந்த செய்ய. TOMAS Reimers: அலிசனின் பற்றி பேசி அடோப் ஒரு Kuler என்று நான் நினைக்கிறேன். அது K-யு-எல்-இ-ஆர் தான். ALLISON BUCHHOLTZ-AU: நான் அப்படி நினைக்கவில்லை. நான் ஒன்று தான் அழகாக தெரியும். TOMAS Reimers: என் பிடித்த உள்ளது எப்போதும் வண்ண திட்டம் வடிவமைப்புகள் வருகிறது. ALLISON BUCHHOLTZ-AU: ஓ. TOMAS Reimers: now-- எது ALLISON BUCHHOLTZ-AU: ஆ, இந்த அழகான ஆகிறது. TOMAS Reimers: நீங்கள் அடிப்படையில் போல், சொல்ல முடியாது, நான் ஒருவருக்கொருவர் அடுத்த மூன்று நிறங்கள் வேண்டும். பின்னர் நல்ல ஏதாவது செய்வோம். பின்னர் நீங்கள் ஒரு உதாரணம் பெற முடியும் இப்படி இருக்கும் என்று என்ன. பின்னர் நீங்கள் எந்த மீது படல் என்றால் அவர்கள், அதை நீங்கள் எண்ம மதிப்பு கொடுக்கிறது. அதனால் தான் ஒரு நல்ல வழி தொடங்க வண்ண திட்டங்கள் பற்றி நினைத்து ஒரு வலைத்தளம் அல்லது என்ன வண்ணங்கள் ஒன்றாக நன்றாக போகலாம். என்று வியப்பு இருக்க முடியும் என்பதால், நீங்கள் நினைப்பது போல் அவ்வளவு எளிதாக இல்லை எடுக்க. பின்னர் மற்ற குளிர் விஷயம் நான் எப்போதும் இந்த தளத்தில் காணப்படும் நீங்கள் எடுத்துக்காட்டுகள் ஹிட் என்றால், அது தருகிறேன் ஆகிறது என்ன ஒரு உதாரணம் இணையதளம் காட்ட அந்த வண்ணங்கள் பயன்படுத்தி போல இருக்கும். எப்படியும். மீண்டும் உண்மையான CSS செய்ய. ALLISON BUCHHOLTZ-AU: ஆனால் வெளிப்படையாக, நாம் இந்த குறிப்புகள் பயனுள்ளதாக இருக்கும். TOMAS Reimers: இல்லை, அவர்கள் நிச்சயம் பயனுள்ளதாக இருக்க முடியும். இரண்டாவது ஆட்சி, அலிசன் எனவே? ALLISON BUCHHOLTZ-AU: ஆமாம். இரண்டாவது ஆட்சி தான் ஆகிறது எங்கள் எழுத்துரு ஒழிக்கிறது. எனவே எழுத்துரு எடை வெறும் வகையான of-- எடை என்று உங்களைப் போலவே, இது தான் தேவை என்றால், அல்லது சாதாரண, போன்ற, மெல்லிய எழுத்துருக்கள், அல்லது இந்த விஷயத்தில், போன்ற, தடித்த. நான் மறக்கிறேன். நீங்கள் விரும்பினால், அதை அங்கே தான் என்ன சாதாரண, போன்ற, விட ஒரு மெல்லிய ஒரு? TOMAS Reimers: நான் உண்மையில் செய்ய ஒரு மெல்லிய ஒரு இருக்கிறது என்றால் தெரியும். ALLISON BUCHHOLTZ-AU: நான் மறக்க. எனவே எழுத்துரு எடை பொதுவாக நாம் வெறும் தைரியமான பயன்படுத்த. நீங்கள் அதிகமாக பெற வேண்டும் என்றால் அது, நாம் நீங்கள் காட்ட போகிறது. டபிள்யு 3 ஸ்கூல்ஸில் அனைத்து வெவ்வேறு உள்ளது விஷயங்களை நீங்கள் எழுத்துருக்கள் செய்ய முடியும். ஆனால் அடிப்படையில், நீங்கள் எப்போதும் வேண்டும் என்றால் எழுத்துரு பற்றி எதையும் மாற்ற, அது எப்போதும், இருக்க போகிறது போன்ற, எழுத்துரு ஒன்று. நீங்கள் இவ்வளவு என்றால் அது, எழுத்துரு, குடும்பம் போல் இருக்க வேண்டும், உண்மையான வகை மாற்ற முயற்சி. அதை நீங்கள் எழுத்துரு பாணி இருக்க வேண்டும் cursive போன்ற அதை செய்ய வேண்டும், அல்லது சாய்வு, அல்லது whatnot. அல்லது எழுத்துரு நிறம், என்றால் நாம் மாற்ற வேண்டும். TOMAS Reimers வளரவேண்டும். எனவே நீங்கள் மாற்ற முடியும். மற்றும் வகையான தான் இப்போது முறையை, எனவே நீங்கள் நாம் இங்கே தேர்வி என்று பார்க்க. நாம் இந்த சுருள் ப்ரேஸ் வேண்டும். பின்னர் நாம் விதிகள் வேண்டும் அரை பிரிக்கப்பட்ட. என்று பயன்? ஆமாம்? கூல். அதனால் good-- என்றால் ALLISON BUCHHOLTZ-AU: மீண்டும். TOMAS Reimers: நாட்டின் குறிப்பாக பேசலாம் தேர்வாளர்கள் என்ன மாதிரியான பற்றி நாம். 'இப்போது நமக்கு ஏற்படுத்தும் வகையான வெறும் குறிச்சொற்களை காட்டுகிறது. ஆனால் நீங்கள் அதை நம்பத்தகுந்த பார்க்க முடியும். நீங்கள் இரண்டு பத்திகள் ஒரு பக்கம் மற்றும் நீங்கள் பாணி முடியும் வேண்டும் ஒரு ஆனால் மற்ற இல்லை, நீங்கள் உங்களை குறைக்க விரும்பவில்லை வெவ்வேறு உண்மையான HTML பயன்படுத்த வேண்டும் குறிச்சொற்களை அவர்களுக்கு வெவ்வேறு வடிவங்களில் கொடுக்க. எனவே நாம், மூன்று அடிப்படை இல்லை தேர்வாளர்கள் வகையான. ALLISON BUCHHOLTZ-AU: ஆமாம். எனவே நாம் என்ன இது, டேக் வேண்டும் நாம் இப்போது பற்றி பேசி. அதனால் அந்த மாதிரியான உங்கள் உடல் அல்லது ப போல. பின்னர், நாம் இது, வர்க்க வேண்டும் நாங்கள் எங்கள் CSS கோப்பு அதை வரையறுக்க போது, அது எப்போதும் dot வேண்டும் நடக்கிறது, என்ன நீங்கள் உங்கள் வர்க்கம் பெயர் இருக்க வேண்டும். இந்த பல விஷயங்களை விண்ணப்பிக்க முடியும். நீங்கள் ஐந்து பத்திகள் அவர்களில் மூவர் இரண்டு அதே பாணியில் வேண்டும், நீங்கள் அதை ஒரு வர்க்கம் விண்ணப்பிக்க வேண்டும். இந்த நாங்கள் அதை செய்ய வழி உள்ளது. நாங்கள் உங்களுக்கு ஒரு உதாரணம் கொடுக்க வேண்டும் இந்த உண்மையில் வரை காட்டுகிறது. ஆனால் நீங்கள் ஒருவேளை சில டேக் இருந்தது என்றால் ப, அது பின்னர், நீங்கள், எழுத வேண்டும் வர்க்கம் என்ன வகுப்புகள் சமகிறது நீங்கள் அதை விண்ணப்பிக்க வேண்டும். நாம் என்று என்ன எனவே வர்க்கம் தேர்வாளர்கள் இந்த குறிப்பிட்ட பத்தி விண்ணப்பிக்க, நாம் தான் இந்த மாதிரி எழுத முடியும். நிச்சயமாக, நான் ஒரு உதாரணம் யோசிக்கிறேன் இது மிகவும் உறுதியான செய்ய வேண்டும். நாம் மற்ற ஒரு ஐடி நாங்கள் குறிக்கும், உள்ளது ஒரு ஹாஷ், அல்லது பவுண்டு, அல்லது ஹேஸ்டேக். TOMAS Reimers: Octothorpe. ALLISON BUCHHOLTZ-AU: Octothorpe. அது கூட, வேலை. இந்த ஒரு உண்மையில் தனிப்பட்ட இருக்க வேண்டும். அவர்கள் மட்டுமே விண்ணப்பிக்க வேண்டும் உங்கள் பக்கம் இருக்கும் ஒரு விஷயம். என்று ஒரு குறிப்பிட்ட பத்தி தான் என்பதை, அல்லது சில ஒரு பட்டியல் உருப்படியை, அல்லது என்ன, இந்த தனிப்பட்ட இருக்க வேண்டும். அதே போல என்று நாம் மட்டும் , சொல்ல போன்ற, வர்க்கம் = "class1 class2," இது நாம் என்ன என்ற அடையாளத்தை இருக்க முடியும். TOMAS Reimers: ஆமாம். எனவே நிச்சயமாக பேசுகிறேன் இங்கு உதாரணங்கள் பற்றி. மற்றும் நான் முழுக்கு போகிறேன் நேராக குறியீடு மீண்டும். எனவே எங்கள் HTML பார்போம். எனவே நாம் இப்போது ஒரு பத்தி இல்லை. இந்த உரை உள்ளது. நான் மாற்ற போகிறேன் அதை. "இந்த உரை 1." பின்னர் நாம் என்ன செய்ய போகிறோம் வேண்டும் ஒரு "இந்த உரை 2." ALLISON BUCHHOLTZ-AU: இரண்டாவது. TOMAS Reimers வளரவேண்டும். எனவே நாம் இப்போது வலது "இந்த உரை 2,"? மற்றும் நாம் மீண்டும் என்றால் என்று பார்க்க போகிறோம் பக்கம், நாம் என்ன கண்டுபிடிக்க போகிறோம் நாம் செய்ய போகிறோம் என்பதை ஆகிறது find-- ALLISON BUCHHOLTZ-AU: ஓ. TOMAS Reimers: ஆமாம். நாம் ஒரு "இது கண்டுபிடிக்க போகிறோம் உரை 1, "மற்றும்" இந்த "உரை 2. ஆகிறது ALLISON BUCHHOLTZ-AU: மேலும் அவுட் அழகான மஞ்சள் நிறம். TOMAS Reimers: நீங்கள் காண்பீர்கள் , இப்போது எங்கள் தேர்வுக்குழு என்று எந்த ப தான் பொருந்தும், அல்லது பத்திகள், அவர்கள் இருவரும் பாதிக்கிறது, அவர்கள் இருவரும் சந்திக்க ஏனெனில் நிலை அவர்கள் ஒரு ப டேக் இரு இருக்கிறோம் என்று. நமது மொத்த அர்த்தமுள்ளதாக. எனவே கேள்வி, நன்றாக, என்ன நாங்கள் நாடினால் ஒரே ஒரு பெற? எனவே நீங்கள் சரியாக அலிசன் என்று இருந்தது போல், நாங்கள் அதை செய்ய மற்ற இரண்டு வழிகள் உள்ளன. நான் id தொடங்க போகிறேன். ALLISON BUCHHOLTZ-AU: அடையாள ஆரம்பிக்கலாம். TOMAS Reimers: இரு இந்த பண்புகளாகும். எனவே, HTML பண்புகளை உள்ளன. மற்றும் அவர்கள் என்ன ஆகிறது நீங்கள் சேர்க்க என்று ஏதாவது இது குறிச்சொல் உள்ளே டேக் பெயர் இருந்து பிரிக்க. எனவே நீங்கள் பல பண்புகளை கொண்டிருக்க முடியும். ஆமாம்? ALLISON BUCHHOLTZ-AU: நான் போகிறேன் pset 7 உங்கள் எடுத்துக்காட்டாக இருந்து, சொல்ல, நீங்கள் எந்த align முயற்சி என்றால் சென்டர் விஷயங்கள், நீங்கள் பயன்படுத்த கூடும் "உரை அலைன் = சென்டர்." ஒருவேளை நீங்கள் அதை கவனித்த மையம் உங்கள் உரை அல்லது உங்கள் திசை பட்டையில். அதனால் தான் ஒரு கற்பிதம் தான் நீங்கள் தெரிந்திருந்தால் இருக்க வேண்டும் என்று. TOMAS Reimers: ஒரு கொத்து இருக்கிறது நீங்கள் பார்க்க வேண்டும் என்று பண்புகளை. ஆமாம். Pset 7 செய்ய நல்ல குறிப்பு போல. நாங்கள் ஐடி வேண்டும். நீங்கள் இருக்க முடியும் வர்க்கம், இந்த போன்ற விஷயங்கள். ஒரு ஒற்றை டேக் பல காரணிகள் இருக்க முடியும். எனவே ஐடி தொடங்கி, நாம் பாசாங்கு செய்யலாம் எனக்கு தெரியாது of-- ஐடி இருக்க வேண்டும். நாம், சிறப்பு அழைக்கிறேன் இந்த ஒரு, ஏனெனில், நாம் இருக்கிறோம் தடித்த செய்ய போகிறது, மற்றும் அடிக்கோடிட்டுக் காட்டுகின்றன என்ன. ALLISON BUCHHOLTZ-AU: இது போகிறேன் சிறப்பு சூப்பர். TOMAS Reimers: இந்த ஒன்று, நாம் ஐடி சிறப்பு வேண்டும். வழி என்று தேர்ந்தெடுக்க, ஆதலால் ஆகிறது Main.css உள்ள, ஒரு ப டேக் காட்டிலும், நீங்கள் சரி, #special செய்ய? அந்த தெரிவு ஐடி சிறப்பு விஷயம். இது அனைவருக்கும் பயன்? பார்வையாளர்கள்: ஆமாம். TOMAS Reimers: எஸ். எனவே இப்போது நாம் மீண்டும் சென்றால், நாங்கள் அச்சச்சோ see-- வேண்டும். ஆமாம். நாம் பார்க்க வேண்டும் என்று அது மட்டும் தேர்வு ஐடி சிறப்பு ஒன்று. ஆமாம்? குளிர் வாட்டுகிறது. ஆமாம். பார்வையாளர்கள்: ஏதாவது ஒரு முடியுமா இரண்டு வர்க்கம் மற்றும் ஒரு ஐடி, சுருக்கமான? TOMAS Reimers: ஆமாம். பார்வையாளர்கள்: சரி. நீங்கள் கொடுக்க வேண்டும் என்றால் பிறகு என்ன நடக்கிறது முரண்பாடு CSS சில விதிகள் உள்ளன? TOMAS Reimers: நிச்சயமாக. நாம் நிச்சயமாக போகிறோம் அதை பற்றி பேச. எனவே நீங்கள் சரியாக நீங்கள் என்ன தப்பு நடந்து மணிக்கு, நீங்கள் வகுப்புகளை. எனவே நான் இருந்தது நடிக்க விடுங்கள் மூன்று பத்திகள் மற்றும் நான் முதல் பாணி வேண்டும் ஆனால் இரண்டு மூன்றாவது முடியாது. சரி, உங்கள் முதல் எண்ணம், நன்றாக, இருக்கலாம் வெறும், இரண்டாவது ஒரு ஐடி கொடுக்க முடியும். ஆனால் உங்களால் முடியாது, ஒரு ஐடி, ஏனெனில், சரியாக அலிசன் என்று இருந்தது போல், தனிப்பட்ட இருக்க வேண்டும். எனவே, அதற்கு பதிலாக ஒரு ஐடி, நீங்கள் என்ன பயன்படுத்த முடியும் நீங்கள் ஒரு வர்க்கம் பயன்படுத்த முடியும். ஒரு class-- அதை அனுமதிக்கிறது என்ன நீங்கள் அடிப்படையில் சொல்ல செய்ய, இந்த ஒரு குழுவின் ஒரு பகுதியாக சொந்தமாகிறது. இந்த வழக்கில், எங்கள் குழு சிறப்பு அழைக்கப்படுகிறது. மற்றும் நாம் செய்ய போகிறோம் என்ன ஆகிறது நாங்கள், மாறாக பவுண்டு மேல் சொல்ல போகிறோம் நாம் டாட் பயன்படுத்த போகிறோம். சரி? கவனிக்க என்று பவுண்டு மற்றும் டாட் மட்டும் CSS கோப்பு உள்ள உள்ளன, ஆனால் HTML உள்ள. ALLISON BUCHHOLTZ-AU: ஆமாம். முக்கியமான வேறுபாடு. TOMAS Reimers: நான் , மிகவும் போராடினார்கள் நான் HTML இல் புல வைத்து ஏனெனில் பின்னர் ஒரு நீண்ட நேரம் முட்டாள் உணர்ந்தேன். அது இரண்டு தெரிவு எப்படி பார்க்க அந்த வர்க்கம் தான்? கூல். இப்போது, விஷயங்களை பல வகுப்புகள் முடியும். தான் நான் முதல் செய்ய வேண்டும் என்று இரண்டு மஞ்சள் ஒரு பின்னணி உண்டு இரண்டாவது இரண்டு வேண்டும் நீல ஒரு எழுத்துரு நிறம். சரி. நான் ஏன் எனக்கு தெரியாது அதை செய்ய வேண்டும், ஆனால் என்னால் கூற முடியும். 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: Cool? தேர்வாளர்கள் எப்படி வேலை? வாழ்த்துக்கள். ALLISON BUCHHOLTZ-AU: நாம் வேண்டும் இப்பொழுது பின்னர் மோதல் பற்றி பேச? TOMAS Reimers: ஆமாம், அதனால். நிச்சயமாக. அதனால் நீங்கள் என்ன என்றால் நடக்கிறது சரி, ஒரு மோதல் வேண்டும்? முதல் ஒரு பாசாங்கு ஏதாவது அமைக்கிறது போன்ற ALLISON BUCHHOLTZ-AU: ஒருவேளை இந்த ஒரு பின்னணியில் மாற்றங்கள்? TOMAS Reimers: ஆமாம். எனவே நாம் செய்ய போகிறோம் "அழகான" சால்மன் பின்னணி மாற்ற. ALLISON BUCHHOLTZ-AU: நீங்கள் இருக்கிறீர்கள் அனைத்து பெரும் நிறங்கள், இன்று, தாமஸ். TOMAS Reimers: ஆமாம். நான் கண்டுபிடித்துவிட்டேன் ஏனெனில் நான் ஒரு உண்மையான நிறம் என சால்மன் பயன்படுத்த. எனவே நாம் மட்டும் அதை செய்ய போகிறோம். நான் சன்செட் ஒரு உண்மையான நிறம் என்றா. பார்வையாளர்கள்: சன்செட் ஒரு உண்மையான நிறம்? ALLISON BUCHHOLTZ-AU: அதை பார்க்கலாம். TOMAS Reimers: இந்த டெமோ பிறகு வெறும், வழக்கில் அது குழப்புவாள் ஏனெனில் நான் பிழைதிருத்தம் வேண்டும் விரும்பவில்லை. எனவே நாம் சால்மன் ஒரு உண்மையான நிறம் தான் தெரியும். எனவே எந்த யூகங்களை என்ன நடக்க போகிறது? ALLISON BUCHHOLTZ-AU: யோசனை? பார்வையாளர்கள்: [செவிக்கு புலப்படாமல்]. TOMAS Reimers: ஆமாம். எனவே நீங்கள் அதை சரியாக கிடைத்தது. அடிப்படையில், அது எடுக்கும் இது வழங்கப்பட்டது என்று கடந்த ஆட்சி. ALLISON BUCHHOLTZ-AU: எனவே இந்த அங்கு விழுத்தொடர் அமலுக்கு வருகிறது. TOMAS Reimers: நாம் எப்படி நினைவில் நாங்கள் பாணி தாள்கள் விழுத்தொடர் என்று இருந்தது? என்று எனவே, நாம் வகையான அர்த்தம் நாம் விதிகளை ஒரு கொத்து வேண்டும் என்று இது ஒருவருக்கொருவர் மேல் விண்ணப்பிக்க, மற்றும் அவர்கள் ஒருவருக்கொருவர் புறக்கணிக்க முடியாது. ALLISON BUCHHOLTZ-AU: எனவே கீழே தான் என்ன மேல் தான் என்ன புறக்கணிக்க வேண்டும். நீங்கள் முற்றிலும் என்று விதிகள் இருக்கிறது முடியவில்லை முன்னதாகவே ஏதாவது அழிக்க. நீங்கள் இருக்க வேண்டும் எனவேதான் நீங்கள் ஸ்டைலிங் போது கவனமாக, எனவே நீங்கள் உருவாக்கும் விதிகள் என்று நீங்கள் தான் முற்றிலும் நாயுடு. TOMAS Reimers: அல்லது ஒருவேளை நீங்கள் விதிகள் மேலெழுதும் வேண்டும். ALLISON BUCHHOLTZ-AU: அல்லது ஒருவேளை நீங்கள் செய்ய. ஆமாம். TOMAS Reimers: நீங்கள் ஒரு வேண்டும் பாசாங்கு பெரும்பாலான விஷயங்களை பொருந்தும் இது வர்க்கம், ஆனால் நீங்கள் மாற்ற வேண்டும் என்று சிவப்பு மற்றும் எழுத்துரு பின்னணி நிறம் மிகவும் தைரியமான எடை விஷயங்கள், ஆனால் ஒன்று, நீங்கள் மட்டும் பின்புல வண்ணம் சிவப்பு ஆனால் நீங்கள் மற்ற வேண்டும் பண்புகள், நீங்கள் ஏதாவது செய்ய முடியும் போன்ற "width = சாதாரண," இது பின்னர் அந்த தடித்த மாற்றம் செய்ததை வேண்டும். ஆமாம்? மீண்டும், சிறந்த வழி, நான் நினைக்கிறேன் அலிசன், அது, நடைமுறையில் உள்ளது என்றார். 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 வேண்டும். ஏதோ, நாய் ஒரு பெயர் உண்டு ஒன்று மட்டும் நாய் இருக்கிறது. ஏதோ ஒரு அடையாளத்தை பூனை, ஒரே ஒரு பூனை அங்கு தான். பக்கத்தில் பல செல்லப்பிராணிகளை இருக்கலாம். வர்க்கங்களை என்று கொடுத்தது ஏன் என்று. நீங்கள் ப ஒரு எடுத்துக்காட்டாக உள்ளது. பின்னர் ஒருவராவார் கடந்த உதாரணமாக, இது நாம் பற்றி பேசவே இல்லை ஏதாவது ஆகிறது நீ அவர்களை இணைக்க போது என்ன நடக்கிறது. P.pets எனவே. என்று எனவே, மீண்டும் செல்லலாம் குறியீடு ஆமாம் மற்றொரு அறிமுகம். எனவே இங்கு. ALLISON BUCHHOLTZ-AU: நான் இந்த really-- போல் உணர போன்ற உதாரணங்கள் மூலம் தேடும் உண்மையில் இந்த அறிய வழி. அதனால் நாம் என்ன செய்கிறோம் என்ன இருக்கிறது. TOMAS Reimers: எனவே நாம் பாசாங்கு செய்யலாம் ஒரே வலது உரை 2, தேர்ந்தெடுக்க வேண்டும்? எனவே நாம் நிச்சயமாக முடியாது ஒரு அடையாள அதை செய்ய. சரி, நாம் ஒரு உடன் அதை செய்ய முடியும் ஐடி, ஆனால் அது ஒரு அடையாள இல்லை. நான் ஒரு சேர்க்க, ஆனால் நடிக்க அனுமதிக்க முடியும் நான் ஒரு சேர்க்க வேண்டும் என்று அல்லது அது ஏற்கனவே வேறு ஏதாவது உள்ளது. நான் அந்த அதை செய்ய முடியாது. டேக், நிச்சயமாக தனிப்பட்ட இல்லை? இவள வர்க்கம் இருக்கிறது. ஆனால் இந்த விஷயங்களை இணைக்க முடியும். நாம் ஏதாவது செய்ய வேண்டும் என்று இது மட்டுமே விஷயங்களை பொருந்தும் வர்க்க சிறப்பு மற்றும் இது வர்க்கம் மிக வேண்டும். எனவே நீங்கள் என்ன செய்ய முடியும், Main.css உள்ள ஆகிறது நீங்கள் முதலில் இந்த நீக்க நாம் சொல்ல முடியும். நீங்கள் இந்த இணைக்க முடியும். எனவே நீங்கள் .special செய்ய முடியும். இல்லை இடத்தை. வெறும் .special.pretty. என்ன என்று அர்த்தம் ஏதாவது ஆகிறது சிறப்பு மற்றும் அழகான ஆகும். என்று பயன்? நாம் இங்கே சென்று இருந்தால், என்ன நீங்கள் பார்க்க போகிறோம் இந்த விதி பொருந்தும் ஆகிறது அந்த இரு கொண்ட இரண்டாவது ஒரு. நீங்கள் நிறைய விஷயங்களை அதை செய்ய முடியும். நீங்கள் அனுமதிக்க சொல்ல முடியும் நான் மட்டும் தேவை பாசாங்கு அழகான வர்க்க வேண்டும் விஷயங்களை செய்ய மேலும் ஒரு பத்தி டேக் உள்ளன. எனவே p.pretty. தான் நான் என்று பாசாங்கு டேக் உடலில் அழகான ஒன்று. சரி? நான் இந்த ரன் மற்றும் நான் முடியும் அது மட்டுமே என்று பார்க்க முடியும் இவை பொருந்தும் போகிறது அழகான வர்க்க கொண்டு பத்திகள். நீங்கள், இந்த இணைக்க முடியும் அடிப்படையில், நீங்கள் வேண்டும் என பல. எனவே நீங்கள் தான் அவர்கள் ஒன்றாக வைக்க முடியும். என்று பயன்? ALLISON BUCHHOLTZ-AU: எனவே இந்த வகையான மிகவும் பயனுள்ளதாக இருக்கிறது போது, தாமஸ் ஒருவேளை, முன்னர் கூறி நீங்கள் ஒரு மிக சிக்கலான இணைய வேண்டும், நீங்கள் ஏற்கனவே நிறைய எழுதப்பட்ட இந்த விதிகளை, நீங்கள் தான் வேண்டும் முன் இருந்து இரண்டு சேர்த்து. போன்ற பதிலாக ஒரு முழு எழுதும் புதிய தேர்வுக்குழு மற்றும் அங்கு அதை மாற்றவே நீங்கள் இணைக்க முடியும் அவர்கள் அதை மேலெழுகிறது எங்கே. TOMAS Reimers: அல்லது நீங்கள் சில நேரங்களில் out-- கண்டுபிடிக்க வேண்டும் ஒரு வர்க்கம் தான் இது போன்ற எழுத்துரு நிறம் நீலம் செய்கிறது, மற்றும் மற்றொரு வர்க்கம் தான் இது பின்னணி நீல செய்கிறது. என்று தான் வேலை செய்யாது. எனவே நீங்கள் ஒரு சிறப்பு வழக்கு எழுத, அங்கு, அது இரு இருந்தால் போன்ற ஆனால், நீங்கள் என்ன தான் என்ன செய்ய போகிறாய் நீங்கள் போகிறோம் ஆகிறது இந்த ஒரு நீல இந்த நிழல் இந்த ஒரு நீல இந்த மற்ற நிழல். வலது? ALLISON BUCHHOLTZ-AU: நல்ல விதிவிலக்குகள் அந்த வகையான. TOMAS Reimers: எனவே பிரச்சினைகள் பற்றி யோசிக்க நீ அவர்களை இணைக்க போது அந்த எழுகின்றன. கூல். எனவே நம் வழங்கல். ALLISON BUCHHOLTZ-AU: நாம் அங்கே இருக்கிறோம். TOMAS Reimers: அது இணைக்கும் நிறுத்தி விட்டது. ALLISON BUCHHOLTZ-AU: இல்லை, ஓ. ALLISON BUCHHOLTZ-AU: சிஎஸ் அலுவலகம், இணைய கீழே செல்கிறது. ஓ, முரண். TOMAS Reimers: எனவே கர்ப்பமாக, நாம் இணைய இல்லாமல் முன்வைக்க, நான் யூகிக்கிறேன் நாம் இங்கே அனைத்து ஸ்லைடுகளை, தான் காரணம். எனவே பற்றி பேசுகிறேன் குறிச்சொற்களை உறவு. ALLISON BUCHHOLTZ-AU: ரைட். சென்று எனவே தான் வகையான தாமஸ் கூறினார் என்ன ஆஃப், இதை செய்ய இன்னொரு வழி இருக்கிறது. எனவே, சில பெற்றோர் இல்லை ஒரு குழந்தை தேர்வுக்குழு தேர்வுக்குழு. அதனால் இங்கே இந்த எடுத்துக்காட்டில், நாம் சில வேண்டும் ஒரு வர்க்கம் கிளிக், வர்க்க பொத்தானை உடல். ஆ. TOMAS Reimers: ஓ, மன்னிக்கவும். ALLISON BUCHHOLTZ-AU: மேலும் அடிப்படையில், இதன் பொருள் என்ன? போன்ற, குழந்தைகள் அனைத்து தேர்ந்தெடுக்கிறது தேர்வாளர்கள் இந்த வகையான அனைத்து, இந்த பெற்றோர் தேர்வுக்குழு உள்ள. அந்த மட்டும் தான் அது எப்போதும் விண்ணப்பிக்க நடக்கிறது. எனக்கு தெரியாது நீங்கள் என்றால் ஒரு சிறந்த வழி இல்லை of-- TOMAS Reimers: நான் என்று வழி நினைக்கிறேன் இது பற்றி முன் நினைவில் இருக்கிறது நாம் அப்படி அவர்கள் ஒன்றாக வைக்க. பின்னர் ஒரு உறுப்பு பொருள் இது இந்த அனைத்து பொருந்தும். என்ன சொல்கிறாள் நான், நீங்கள் எல்லாம் பொருந்த நான் விரும்பும் some-- உள்ள நீங்கள் ஒரு தேர்வுக்குழு கண்டுபிடிக்க. பின்னர் அந்த நேரத்தில், நான் வேண்டும் நீங்கள் புதிய விஷயங்களை பொருந்த. வலது? எனவே CSS, அது அனைத்து பற்றி வகையான தான் இந்த பொருட்களை பொருத்த முடியும். நீங்கள் பொருத்த முயற்சி செய்யலாம் மற்ற பொருட்களை உள்ள பொருட்களை. எனவே உண்மையில் ஒரு எடுத்துக்காட்டாக செய்வோம், நாம் என்று தெளிவுபடுத்த வேண்டும் என்று நினைக்கிறேன். எனவே நாம் சிறப்பு இல்லை பாசாங்கு செய்யலாம், சிறப்பு அழகான, என்ன. பின்னர் நாம் சரி, ஒரு இணைப்பை இல்லை? எனவே, ஒரு ஒரு இணைப்பை, நினைவில் உள்ளது. அது எங்கும் செல்ல போவதில்லை. நாம் அது கொடுக்க போகிறோம் வர்க்கம் இணைப்பு, நான் நினைக்கிறேன். அது தருகிறேன் எனக்கு ஒரு யோசனை கொடுக்க class--. ALLISON BUCHHOLTZ-AU: எஸ். TOMAS Reimers: நாம் Coo-- அதை அழகாக வர்க்கம் செல்ல. ஏன் இல்லை? ALLISON BUCHHOLTZ-AU: சரி. TOMAS Reimers: எனவே இப்போது அழகான விஷயங்கள் பின்னணி செய்ய போகிறீர்கள் சால்மன், நீலம், பின்னணி நிறம். அது அர்த்தமுள்ளதாக. நாம் இதை செய்தால் ALLISON BUCHHOLTZ-AU: நீங்கள் உரை சேர்க்க வேண்டும் எனவே ஹைப்பர்லிங்க் உண்மையில் வரை காட்டுகிறது? TOMAS Reimers: அந்த ஒரு நல்ல அழைப்பு இருக்க வேண்டும். ALLISON BUCHHOLTZ-AU: 'காஸ் வலது இப்போது நாங்கள் எதுவும் எடுப்பாய். TOMAS Reimers: எனவே இந்த ஒரு இணைப்பு. "இந்த ஒரு இணைப்பு உள்ளது." ஓ, இந்த போகிறது மற்றொரு இணைப்பு இருக்க வேண்டும். அது வர்க்கம் கொடுக்க நாம் "குளிர்." நீங்கள் சொல்வது சரிதான். கூல். எனவே இப்போது நாம் இந்த கைப்பற்றி போகிறோம். நாம் ஒரு தூக்கி போகிறோம். நாம் ஒரு வேண்டும் சிறப்பு டேக், மேலும் நாங்கள் அழகான டேக் ஒரு வேண்டும் போகிறீர்கள். இப்போது நாம் என்ன செய்ய போகிறோம் என்ன அப்படி செய்தால் நாம் cool-- செய்ய போகிறோம் நாம் என்ன செய்ய வேண்டும் என்று விரும்புகிறீர்கள்? ALLISON BUCHHOLTZ-AU: நாம் அது பெரிய செய்யலாம்? TOMAS Reimers: அது ஒரு எல்லை கொடுக்க வேண்டும். ALLISON BUCHHOLTZ-AU: நாங்கள் எல்லை முடியும். TOMAS Reimers: ஆமாம். எனவே நாம் ஏதாவது செய்ய போகிறோம் போன்ற, எல்லை ஆகிறது மற்றும் நாம் அனைத்து இரண்டாவது விளக்கி போகிறது. Now-- பொறுத்தவரை ALLISON BUCHHOLTZ-AU: பெட்டி மாதிரி. TOMAS Reimers: ஆனால் இப்போது, நாங்கள் இருக்கிறோம் அதை ஒரு எல்லை கொடுக்க போகிறேன். அதனால் என்ன என்று அர்த்தம் நீங்கள் ஆகிறது இந்த இணைப்புகள் பார்க்க போகிறோம். நீங்கள் அவர்கள் என்று பார்க்க வேண்டும் போகிறோம் இந்த, போன்ற, அசிங்கமான கருப்பு எல்லைகள், இது குளிர் உள்ளது. ALLISON BUCHHOLTZ-AU: எங்கள் வலைத்தளத்தில் மிக அழகாக இருக்கிறது. TOMAS Reimers: ஆமாம். எங்கள் வலைத்தளத்தில் அறிவாளி. எனவே இந்த இரண்டு இணைப்புகள் உள்ளன, மற்றும் அவர்கள் தோன்றும். இப்போது நான் நடிக்க விடுங்கள் மட்டுமே இதை செய்ய வேண்டும் அது ஏதோ உள்ள இருந்தால் இது சால்மன் ஒரு பின்னணி இருந்தது. எனவே இந்த ஒரு என்று நினைவில் , சால்மன் ஒரு பின்னணி உள்ளது அதை அழகாக வர்க்கத்தின் காரணம். ஆனால் நாம் மட்டும் குளிர்ந்திருக்கிறது என்று சொல்ல வேண்டும் வகுப்பில் உள்ள, சிறப்பு இல்லை இது அழகான, அந்த எல்லையை வேண்டும். சரி, நீங்கள் என்ன செய்ய முடியும் நீங்கள் இருக்கிறீர்கள் .cool, .special, விண்வெளி சொல்ல முடியும். நீங்கள் நினைக்கும் போது, அந்த என்ன செய்து கொண்டிருக்கிறார் என்று இது பற்றி, அது அடிப்படையில் சொல்லி இருக்கிறாள், சரி, எனக்கு எல்லாம் கண்டுபிடிக்க சிறப்பு பொருந்தும். பின்னர் அந்த குறிச்சொற்களை உள்ள, கண்டுபிடிக்க குளிர் என்று எனக்கு எல்லாம். ALLISON BUCHHOLTZ-AU: அப்படி வேறு வழி என்று, இதை பற்றி யோசிக்க நன்றாக இருக்கும் C க்கு, மீண்டும் அதை கொண்டு, ஆகிறது நோக்கம் யோசனை. எனவே நீங்கள் சில வேண்டும் போது ஒன்றை போன்ற தேர்வுக்குழு, நாம் இந்த முன் வேலை வருகிறோம் என்று, உங்கள் முழு வலை பக்கம், உங்கள் HTML அனைத்து வலது, உங்கள் நோக்கம் ஆகும்? ஆனால் நாம் இந்த போது பெற்றோர்-குழந்தை உறவுகள், நீங்கள் கீழே அங்கு ஒடுக்குதல் என்றால் அது தான் நீங்கள், ஒரு குறிப்பிட்ட இடம் தேடும் போல், போன்ற, நாம் உள்ள பார்ப்பதன் ஒரு குறிப்பிட்ட செயல்பாடு பதிலாக எங்கள் முழு கோப்பு. பார்வையாளர்கள்: என்று, மனதில் மிகவும் என்று நாங்கள் changed-- வேண்டும் என்றால், அது முக்கியத்தும் ALLISON BUCHHOLTZ-AU: பொருட்டு? பார்வையாளர்கள்: CSS உள்ள உயர்ந்த பாறையின் வர்க்கம் , விண்வெளி .cool வேண்டும், .special? ALLISON BUCHHOLTZ-AU: ஆம், காரணத்தால் அந்த நோக்கம் அது, என்று குளிர் என்று எல்லாம், பின்னர் என்ன சொல் பாருங்கள் நான், இந்த விஷயத்தில், போன்ற, அர்த்தம் நான் அதை மாறிவிட்டது என்று நான் நினைக்கவில்லை. TOMAS Reimers: நாங்கள் என்ன சொன்னாலும்? மன்னிக்கவும். ALLISON BUCHHOLTZ-AU: நாங்கள் என்றால் அது பின்னர் குளிர் மற்றும் நோக்கம் சிறப்பு வெளியே விஷயங்களை பார்க்க, அது உண்மையில், ஒரே மாதிரியாக இருக்கும். TOMAS Reimers: அது இருக்க முடியாது. ALLISON BUCHHOLTZ-AU: இது, இல்லையா? நன்றாக ஓ, ஓ. நான் தவறாக இருக்கலாம். TOMAS Reimers: எனவே காரணம் அது வெவ்வேறு பொதுவான தவறு தான் என்று இப்போது தான் இணைப்பு சரி, குளிர் உள்ளது? நீங்கள் அவர்களை நான், என் கேள்விக்கு யூகிக்கிறேன் இந்த பக்கத்தில் என்ன .cool மூலம் பொருந்தும்? இரண்டு குறிச்சொற்களை வலது, இங்கே உள்ளன? இது, இந்த ஒரு மற்றும் இந்த ஒன்றாகும். இரண்டு குளிர் பொருந்தும். வேறு எதுவும் இல்லை. எனவே நீங்கள் கேட்டபோது, .cool, விண்வெளி, .special, நீங்கள் சொல்ல போகிறாய் என்ன, இந்த குறிச்சொற்களை, சிறப்பு இருக்கிறது? ALLISON BUCHHOLTZ-AU: ஆம். அவ்வளவு தான், அதை சரி தான். அது இங்கு தான் ஒன்று போல் தான், ஏனெனில். TOMAS Reimers: அது ஒன்றும் சேர்த்து. ALLISON BUCHHOLTZ-AU: அதேசமயம் சிறப்பு, நாம் இங்கே இந்த குறிச்சொற்களை இருக்கிறோம். TOMAS Reimers: நேசிப்பதில்லை. பார்வையாளர்கள்: சரி. எனவே முன்னோக்கி இருந்து அந்த குறிச்சொற்களை குறைக்க? TOMAS Reimers: ஆமாம். என்று பயன்? எப்படி அது அடிப்படையில் தான் சுருக்கும் முயற்சி. ALLISON BUCHHOLTZ-AU: ஆமாம். நான் தான் ஒருவேளை தான் யோசிக்கிறேன் எளிதான வழி அதை பற்றி யோசிக்க வேண்டும். TOMAS Reimers: நாம் இந்த காணப்படவில்லை, மற்றும் நாம் இந்த இரண்டு சிறப்பு பொருந்தும் காணப்படுகிறது. பின்னர், நாம் உள்ள, கேட்கிறாய் இவர்களை, குளிர் என்ன? இந்த ஒரு, இந்த ஒரு குளிர் உள்ள. இந்த ஒரு நேரத்திற்குள், எதுவும் குளிர் இருக்கும். எனவே இந்த உள்ளது என்று மட்டும் tag ஆகும். ALLISON BUCHHOLTZ-AU: குளிர் அதேசமயம் தான் அங்கு இந்த ஒரு குறிச்சொற்களை ஆகும். TOMAS Reimers: நிச்சயமாக. அந்த நேரத்திற்குள் சிறப்பு என்ன? ஒன்றும் இல்லை. இப்போது, நான் கூறுவேன் எந்த இடத்தில் இருந்தால், நீங்கள் குளிர் மற்றும் special-- என்ன கேட்கிறாய் அல்லது வலது, அழகான மற்றும் சிறப்பு என்ன? நீங்கள் .special.pretty சொன்னால், தான் .pretty.special அதே. விண்வெளி நீக்கி உள்ளது என்ன காரணம் நீங்கள் .special சொல்லும் போது தான் கேட்டு, நீங்கள், சரி, கேட்கிறாய் இது தான் சிறப்பு? பின்னர், அந்த இது ஒன்றை கூட அழகாக இருக்கும், இது இலக்கண, அதே தான், கேட்டு, அழகான என்ன, பின்னர் அந்த, சிறப்பு, மேலும் என்ன? வலது? இது வேறுபாடு தான் என்னவென்று உள்ள தான். பார்வையாளர்கள்: சரி. TOMAS Reimers: ஆமாம். வாழ்த்துக்கள். Then-- மனதில் கொண்டு எனவே ALLISON BUCHHOLTZ-AU: நான் நமது கடந்த யோசிக்கிறேன் விஷயம் (கற்பனையின் பிரிட்டிஷ் உச்சரிப்பு in) பெட்டி மாதிரி. TOMAS Reimers: box-- [chuckles] நான் அலிசன் என்று கூறுகிறார் வழி அன்பு. பெட்டி மாதிரி விஷயம். ALLISON BUCHHOLTZ-AU: வெறும் வேண்டும் ஒரு பெட்டியில், நான் உங்கள் பெட்டி மாதிரி இருக்க வேண்டும். TOMAS Reimers: எனவே அந்த பற்றி பேசுகிறேன். எனவே இப்போது நாம் நிறைய செலவு நேரம் தேர்வாளர்கள் பற்றி. இப்போது, உங்களுக்கு போல், ஒருவேளை, உங்களுக்கு தெரியும் selectors-- முதுநிலை, சரியாக உள்ளடக்கத்தை தேர்வு எப்படி என்று நீங்கள் உங்கள் திரையில் கையாள வேண்டும். எனவே இப்போது கேள்வி எப்படி இருக்கிறது சரியாக நீங்கள் அதை கையாள முடியும்? எனவே நான் மிகவும் அடிப்படை யூகிக்கிறேன் என்று யோசிக்க வழி நன்றாக, சரியாக என்ன, ஆகிறது CSS உள்ள ஒரு உறுப்பு ஆகும்? நாம் நிறைய நேரம் செலவு பற்றி பேசி, ஒரு டேக் என்ன, அல்லது மிக அடிப்படை என்ன ஆகிறது ஒரு டேக் பிரதிநிதித்துவம்? பற்றி யோசித்து ஒரு நல்ல வழி அதாவது, சால்மன் என்ன வடிவம் ஆகும்? , போன்ற, என்ன வடிவம் ஆகும் பின்னணி செறிவான? பார்வையாளர்கள்: இது ஒரு செவ்வக தான். TOMAS Reimers: அது சரி, ஒரு செவ்வக தான்? ALLISON BUCHHOLTZ-AU: ஒரு தந்திரம் கேள்வி இருந்தது. [சிரிப்பு] TOMAS Reimers: முயற்சி இந்த ஆண்டின் பிற்பகுதியில் நீங்கள் ஏமாற்ற. எனவே நாம் இந்த செவ்வக வேண்டும். மற்றும் டாக் ஒரு p அல்லவா? எனவே நாம் நல்ல கொடுக்கிறது பத்தி என்று நம்பிக்கை மணிக்கு, ஒரு செவ்வக குறிப்பிடப்படுகின்றன உலாவி மனதில், குறைந்தது இதில் அது இது தான். ALLISON BUCHHOLTZ-AU: நான் என்ன சொல்கிறேன் என்றால், உலாவிகளில், பொதுவாக செவ்வக எனவே அது அர்த்தமுள்ளதாக. TOMAS Reimers: கருத்தை இங்கே இருக்கிறது CSS உள்ள குறிச்சொற்களை அனைத்து என்று ஒரு செவ்வகமாக குறிப்பிடப்படுகின்றன. ஒவ்வொரு செவ்வக நான்கு உள்ளன CSS படி பாகங்கள், சரி? நீங்கள் உண்மையான உள்ளடக்கம். உரை எங்கே என்று. ALLISON BUCHHOLTZ-AU: ஒருவேளை, உங்கள் படம். TOMAS Reimers: ஆமாம். நீங்கள் இது, திணிப்பு வெள்ளை விண்வெளி சில வகையான. நீங்கள் ஒரு எல்லை உண்டு. பின்னர் நீங்கள், விளிம்பு கொண்ட என்று வெளியே வெள்ளை இடம். எந்த அர்த்தமும் எனவே யாருக்கும், நாம் இருக்கிறோம் ஒரு இரண்டாவது பற்றி பேச போகிறோம். எனவே இங்கே, நாம் என்ன செய்ய போகிறோம் என்ன நாம் சரி, சில divs உருவாக்க போகிறோம்? எனக்கு போது மன்னியுங்கள் வரை நான் ALLISON BUCHHOLTZ-AU: நான் விரும்பவில்லை உணர நாம் ஒரு அழகான படம் வைக்க வேண்டும். TOMAS Reimers: நாம் கண்டிப்பாக வேண்டும். ALLISON BUCHHOLTZ-AU: நான் எல்லோரையும் போல் உணர்கிறேன் ஒரு நன்மை செய்ய முடியும் அழகான படம், அனைத்து ஆகிறது. TOMAS Reimers: முடியுமா நாங்கள் மற்றும் சோதிக்க இருந்து நன்மை பார்வையாளர்கள்: ஆமாம், நிச்சயமாக. TOMAS Reimers: சரி, குளிர். எனவே நாம் ஒரு அழகான வைக்க வேண்டும் எங்கோ படம். 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: பல்துலக்கினேன் முத்தமிட்டேன். PlacePuppy கூட இல்லை. மேலும் PlaceBacon இருக்கிறது. ALLISON BUCHHOLTZ-AU: PlaceBacon? உண்மையாகவா? TOMAS Reimers: ஓ, நாம் செய்ய இங்கே இணைய அணுக வேண்டும். ALLISON BUCHHOLTZ-AU: [groans] சோகமான. TOMAS Reimers: இல்லையெனில், நான் உங்களுக்கு காட்ட வேண்டும் எப்படி உங்கள் வலைத்தளத்தில் படங்களை வைத்து. நாம் இந்த பெற முயற்சி செய்ய போகிறோம் நாங்கள் போக வேண்டும் முன் வேலை. ஆனால் இப்போது, நாங்கள் மட்டும் தான் பின்னர் வண்ணங்களில் பேச போகிறேன். நாம் kittens-- படங்களை வைக்க வேண்டும் ALLISON BUCHHOLTZ-AU: நாங்கள் பார்த்தோம். TOMAS Reimers: உயர்ந்த பாறையின் இணையத் கணம் கீழே இருப்பது. நாம் இரண்டு அதிர்ஷ்டவசமாக வேண்டும், மற்றும் நாம் அவர்களுக்கு இரு ஐடிகள் கொடுக்க போகிறேன். நாம் அது அழைக்க போகிறோம் "முதல்" மற்றும் "இரண்டாவது." எனவே ஐடி = "முதல்." அப்போது, நாம் அவர்களுக்கு இரண்டு வண்ணங்கள் கொடுக்க போகிறோம். எனவே நாம் ஏதாவது தேர்ந்தெடுக்கிறோம் எப்படி "முதல்" ஒரு அடையாள? ALLISON BUCHHOLTZ-AU: புள்ளி அல்லது புல? பார்வையாளர்கள்: ஷார்ப். TOMAS Reimers ஷார்ப், ஆனால். ஷார்ப், புல, என்ன மேலா ALLISON BUCHHOLTZ-AU: விஷயங்கள் நிறைய அழைக்க. TOMAS Reimers: சரி. நாம் ஹாஷ்டேக்கைச் குடியேற போகிறோம், என்று நாம் செல்ல போகிறோம் என்ன. சரி? ALLISON BUCHHOLTZ-AU: ஹாஷ்டேகை. TOMAS Reimers: எனவே ஹாஷ்டேக்கைச் முதல். ALLISON BUCHHOLTZ-AU: எனவே நீங்கள் seminar-- ட்வீட் முடியும் ஹேஸ்டேக், CSS, குளிர் ஹாஷ்டேக்கைச். TOMAS Reimers: ஹாஷ்டேகை அருமையை. ALLISON BUCHHOLTZ-AU: ஹாஷ்டேகை அருமையை, ஆம். TOMAS Reimers: சரி. எனவே நாம் "முதல்" மற்றும் "இரண்டாவது." வேண்டும் எனவே, முதலில் நாம் செய்ய போகிறோம் சிவப்பு ஒரு பின்னணி நிறம். 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: எனவே நாம் இருக்கிறோம் இரண்டு அதிர்ஷ்டவசமாக வேண்டும் போகிறீர்கள். அவர்கள் முற்றிலும் காலியாக இருக்க போகிறோம். நாம் ஒருவேளை சில உரை இல்லை வேண்டும். எனவே "முதல்" போகிறது "ஹலோ." "இரண்டாம்" சொல்ல 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: எனவே இங்கே, நீங்கள், நாங்கள் இரண்டு பெட்டிகள் இல்லை பார்க்க வேண்டும் வலது ஒருவருக்கொருவர், வலது மேல்? வணக்கம் குட்பை. ALLISON BUCHHOLTZ-AU: இடையே எந்த இடத்தில் உள்ளது. அவர்கள் தான் smooshed வலது ஒருவருக்கொருவர் மேல். TOMAS Reimers: எனவே முதல் விஷயம் நான் நாம் பற்றி பேச வேண்டும் என்று நினைக்கிறேன் கூட ஆமாம் சொல்ல அனுமதிக்க வேண்டும். எனவே CSS பெட்டிகள் வகையான அவற்றை பிரதிபலிக்கிறது. மற்றும் பெட்டிகள் என, அவர்கள் உள்ளடக்கம். மேலும் உள்ளடக்கத்தை இப்போது வகையான ஆகிறது ஹலோ அல்லது குட்பை அவ்வளவு தான். சரி? முதல் விஷயங்களை ஒன்று எனவே நீங்கள் நீங்கள் செய்ய முடியும் திணிப்பு சேர்க்க முடியும். பேட்டிங் எவ்வளவு இடத்தை கூறுகிறது ஒவ்வொரு பக்கம் போக வேண்டும். எனவே நான் சொல்ல வேண்டும் என்று ஒவ்வொரு பக்கத்திலும் 10 படப்புள்ளிகள். நான் ஒரு இரண்டாவது என்று வெட்டிச்சோதித்தலை. ALLISON BUCHHOLTZ-AU: இங்கே இந்த விஷயங்கள் அனைத்தும் பிக்சல்கள் பெரும்பாலும் போகிறீர்கள் கருத்தரங்கு முழுவதும். நீங்கள் என்று பார்க்க போகிறோம் அதை சுற்றி சில விண்வெளி, சரியான? எனவே நீங்கள் இங்கே நாம் பார்க்க வேண்டாம் இருக்கிறது ஆகிறது பேட்டிங்கின் இந்த கண்ணுக்கு தெரியாத மாதிரி போன்ற சொல்வது, ஒவ்வொரு பக்கத்திலும்,, சரி, நீங்கள் content-- உங்கள் பெட்டியில் ALLISON BUCHHOLTZ-AU: நீங்கள் விரும்புகிறீர்கள் வெறும் ஆய்வு உறுப்பு வரை இழுக்க? TOMAS Reimers: சரி, ஒரு நல்ல யோசனை. ALLISON BUCHHOLTZ-AU: மேலும், நான் கண்டுபிடிக்க ஆய்வு உறுப்பு ஒரு நல்ல வழி என்று ஏதாவது நடக்கிறது என்றால், கண்டுபிடிக்க தவறான, எதிர்பாராத ஒன்று நடக்கும், குறிச்சொற்களை ஆய்வு மற்றும் பார்த்தால் அவன் என்ன மறைந்து உதவியாக இருக்கும் போல. TOMAS Reimers: எனவே நான் நிச்சயமாக இல்லை நீங்கள் இந்த வண்ண பார்க்க முடியும் என்றால். உன்னால் முடியுமா? இந்த திணிப்பு பார்க்க வேண்டும் விளிம்பில் வகையான மீது. பின்னர் நீங்கள் உண்மையான பார்க்க நீல உள்ளடக்கம், சரியான? அதனால் மிகவும் தான் பெட்டி மாதிரி அடிப்படைகள். நீங்கள் உள்ளடக்கத்தை வேண்டும். பிறகு நீங்கள் திணிப்பு வேண்டும். பார்வையாளர்கள்: ஏன் நீங்கள் மட்டும் அல்ல, the-- உள்ளே பெட்டியில் பயன்படுத்த ALLISON BUCHHOLTZ-AU: ரைட். அது தேர்வு ஏனென்றால் இப்போது உறுப்பு. TOMAS Reimers வளரவேண்டும். மற்ற விஷயங்கள். எனவே அந்த பற்றி பேசுகிறேன் இரண்டாவது திணிப்பு கட்டளை. CSS, அளவீடுகள் எனவே ஒரு அலகு வேண்டும். எனவே முதல் நீங்கள் அளவு உள்ளது. எனவே, இந்த விஷயத்தில், நாங்கள் 10 கூறினார். பின்னர் அடுத்த ஒரு சொல்லிவிட்டேன் நாங்கள் பிக்சல்கள், px உள்ளது. நீங்கள் வேண்டும் மற்ற ஒன்றை இருக்கின்றன சென்டிமீட்டர், அங்குல போன்ற விஷயங்கள். நீங்கள் விஷயங்களை செய்ய முடியும், 10 அங்குல என்ன? அது அபத்தமானது இருக்க நடக்கிறது. ALLISON BUCHHOLTZ-AU: ஓ, சிறுவன். பார்வையாளர்கள்: நெட்வொர்க் தேவைப்படாது. TOMAS மற்றும் அலிசனின்: ஆமாம். TOMAS Reimers: அதனால் அனைத்து பேட்டிங்கின் தான். நான் பிக்சல்கள் திரும்பி போக போகிறேன். ALLISON BUCHHOLTZ-AU: பிக்சல்கள் நிலையான, போன்ற, இருக்க முனைகின்றன. நீங்கள் வலைத்தளங்கள் நிறைய இருக்கும் போது, அவர்கள் பெரும்பாலும் பிக்சல்கள் வேலை. TOMAS Reimers: எனவே நீங்கள் பார்க்க போகிறீர்கள் அல்லது நீங்கள் பார்க்க, மற்ற ஒன்றை pixels-- ஒரு எம் உள்ளது, இது, எம் ஆகிறது எழுத்துரு உயரம் சமமாக இது நீங்கள் தற்போது பயன்படுத்தும். ALLISON BUCHHOLTZ-AU: எம்.எம். TOMAS Reimers: அதை சொல்ல ஒரு நல்ல வழி போன்ற, நான் எனது எழுத்துரு எவ்வளவு இடத்தை வேண்டும் எடுத்து ஆகிறது. ALLISON BUCHHOLTZ-AU: என்று எனக்கு தெரியாது. நீங்கள் புதிய ஒன்று ஒவ்வொரு நாளும் அறிய. TOMAS Reimers: அங்கே ஒரு சிஎஸ் அளவீடுகள் நிறைய. நான் நீங்கள் அவர்களை பார்க்க பரிந்துரைக்கிறேன். உங்கள் நேரங்களில், நான் நினைக்கிறேன் பிக்சல்கள் போதுமானதாக இருக்கவேண்டும். மேலும் அவர்கள் என்ன செய்கிறார்கள் நீங்கள் பார்க்க போகிறோம் ஆன்லைன் செய்யப்பட்டது உதாரணங்கள் பெரும்பாலான. எனவே நாம் பிக்சல்கள் அதை விட்டு விடுகிறேன். நீங்கள், நான் சொல்ல திணிப்பு செட் paddings, அனைத்து. நீங்கள் போன்ற ஏதாவது செய்ய முடியும் வெறும் அமைக்க வேண்டும் "திணிப்பு மேல்" ALLISON BUCHHOLTZ-AU: ஒருவேளை நாம் "வணக்கம்" திரும்ப கிடைக்கும். TOMAS Reimers: வெறும் அமைக்க --to மேல் மற்றும் வேறு எதுவும் திணிப்பு. எனவே நான்கு கட்டளைகளை திணிப்பு மேல் இருக்கின்றன, பேட்டிங்கின்-கீழே, திணிப்பு-, மற்றும் திணிப்பு வலது. ALLISON BUCHHOLTZ-AU: போல் நீங்கள் ஒரு பெட்டியில் எதிர்பார்ப்பதை. TOMAS Reimers: ஆமாம். எதுவும் இல்லை மிகவும் பைத்தியம். என்று பயன்? எனவே திணிப்பு ஆகிறது. நான் அமைக்க போகிறேன் மீண்டும் 10 paddings. பின்னர் நான் எல்லை செல்ல போகிறேன். அதனால் என்ன எல்லை இருக்கிறது எல்லை ஒரு வித்தியாசமான கட்டளையை தான். இது ஒரே நேரத்தில் மூன்று விஷயங்கள் வகையான எடுக்கிறது. எனவே முதல் நீங்கள் எவ்வளவு பெரிய அது ஒரு அளவீடு என இருக்க வேண்டும். மீண்டும், நான் மட்டுமே பிக்சல்கள் பயன்படுத்தி. கடந்த விஷயம், நான் அளவீடுகள் சேர்க்க வேண்டும் ஒரு விஷயம் இது ஒரு யூனிட் தேவையில்லை 0 ஆகிறது. அது உண்மையில் தவறான விஷயம் 0 ஒரு அலகு கொடுக்க, 0 0 அங்குல முழுவதும் உள்ளது, ஏனெனில், பிக்சல்கள், சென்டிமீட்டர், என்ன. அது அனைத்து 0, சரியா அர்த்தம்? எனவே முதல் நீங்கள் அளவீடு. அப்பொழுது நீங்கள் அதை பாணி கொடுக்க. அதனால் நான் சொல்ல போகிறேன் "திட." நாம் அர்த்தம் என்ன பேசுகிறேன். பின்னர் இறுதியாக, நீங்கள் ஒரு வண்ண கொடுக்க. அதனால் நான் சொல்ல போகிறேன் "கருப்பு." இந்த நாங்கள் என்று விஷயங்கள், இப்போது பாணி தவிர, முன் பார்த்ததில்லை, ஆனால் நாம் அதை பற்றி பேசலாம். எனவே நீங்கள் அளவீடுகள் பார்த்திருக்கிறேன், நீங்கள் வண்ணங்கள் பார்த்திருக்கிறேன். என்ன நடக்கிறது நாம் இந்த பெற ஆகிறது அதை சுற்றி நல்ல கருப்பு எல்லை, சரியான? நாங்கள் எப்படி செய்தேன் என்று நீங்கள் பார்க்க? பார்வையாளர்கள்: ஆமாம். TOMAS Reimers: எஸ். அதனால் என்ன? எனவே, முதலில், அது ஒரு பிக்சல் தான். அந்த உரிமை, போதுமான சுய தெளிவாக இருக்கிறது? போல், அது ஒரு பிக்சல் அடர்ந்த தான். அல்லது அது ஒரு பிக்சல் இருக்கும், ஆனால் நான் அது ஒரு சிறிய பிட் மேலும், அதனால் காண்பிக்க என்று கேட்டார்கள். ALLISON BUCHHOLTZ-AU: நாம் வேண்டும் இந்த அபத்தமானது தீர்மானம் டிவி. TOMAS Reimers: ஆமாம். நீங்கள் அதை பெரிதாக்க முடியும், சிறிய, என்ன. எனவே இங்கே ஒரு இரண்டு பிக்சல் எல்லை தான். நீங்கள் இது அடர்ந்த இருமடங்கு தான் பார்க்கிறேன். நீங்கள் அடுத்த விஷயம் வண்ணம் உள்ளது. சுவாரசியமாக இல்லை. நான் பேச போவதில்லை, உண்மையில், அது பற்றி. ALLISON BUCHHOLTZ-AU: ஆனால் பாணி ஒரு சிறிய சுவாரசியமான இருக்கலாம். TOMAS Reimers: ஆமாம். பாணி எனவே, சில விளக்கங்களை உள்ளன நான் பொதுவாக பயன்படுத்தப்படும் என்று. முதல் ஒரு திட, அடுத்த ஒரு புள்ளிவைத்து, மற்றும் கடைசி ஒரு தகர்த்தது. மேலும் இங்கே உள்ளன. நீங்கள் அவர்கள் என்று பார்க்க வேண்டும் புள்ளிகள் ஒரு கொத்து, சரியான? அப்படி ஒரு நல்ல எல்லை பெற ஒரு நல்ல வழி சென்று, கோடுகள் கூட அழகாக பிரபலமாக உள்ளன. ALLISON BUCHHOLTZ-AU: பின்னர், நிச்சயமாக, நான் இருக்கிறேன் நிச்சயமாக மற்ற நிறைய உள்ளன நீங்கள் பெற முடியும் என்று பாணிகள். நாம் ஒரு பெரிய செட் வேண்டும் உங்களுக்கு இறுதியில் இணைப்புகள் வகையான கவனத்துடன் வாசி மற்றும் மேலும் குளிர் CSS பார்த்து. TOMAS Reimers: பின்னர் கடந்த விஷயம், நாம் இருக்கிறோம் பற்றி பேச போகிறேன் பெட்டியில் மாதிரிகள் உண்மையான விரைவான. ஓ, பின்னர் எல்லை, சரியாக திணிப்பு போன்ற, நீங்கள் இது போன்ற விஷயங்களை வேண்டும் எல்லை இடது, எல்லை வலதுசாரி, எல்லை-மேல், எல்லை-கீழே, நீங்கள் அனுமதிக்கும் ஒரு குறிப்பிட்ட எல்லை பெற. எனவே இங்கே எல்லை விட்டு வரையறுக்கப்பட்ட தான். என்று அர்த்தம் உள்ளதா? ALLISON BUCHHOLTZ-AU: அது ஒரு குளிர் தான் வழி விஷயங்கள் வலியுறுத்த அல்லது சேர்க்க பல்வேறு கூறுகளை இடையே கோடுகள். TOMAS Reimers: நிச்சயமாக. எனவே எங்கள் எல்லை தான். கடந்த ஒரு வாக்கு வித்தியாசம். மார்ஜின் போன்ற திணிப்பு அதை within-- தவிர ALLISON BUCHHOLTZ-AU: இது ஆனால் உங்கள் உறுப்பு சுற்றி ஆனால் உண்மையில் முழு சுற்றி பெட்டியில் நாம் பார்த்து வருகிறோம் என்று. TOMAS Reimers: ஆமாம். அலிசன் செய்தபின் கூறினார். இது உங்கள் உள்ளே, போன்ற, இல்லை உறுப்பு, அது முழு பெட்டியை சுற்றி தான். அந்த போன்ற விஷயங்கள் பின்னணி அது பொருந்தாது. அது அடிப்படையில், என்கிறார் போன்ற, நான் எதுவும் வேண்டாம், எனக்காக இதுகூட இடத்தில். நாம் இங்கே போல 10 பிக்சல்கள் ஒரு விளிம்பு. 10 பிக்சல்கள் உள்ள அதனால் எதுவும் எனக்கு அடுத்த இருக்க வேண்டும். அந்த வகையில், அதன் ஆனால் இடத்தை வகையான இல்லை. அதனால் மிகவும் தான் பெட்டி மாதிரி அடிப்படைகள். என்று பயன்? குளிர், குளிர். ALLISON BUCHHOLTZ-AU: ஆர். எனவே இப்போது நான் நாங்கள் யோசிக்கிறேன் எங்கள் குளிர் வளங்களை இல்லை நாங்கள் உங்களுக்கு எடுக்க வேண்டும் என்று மிக விரைவில் மூலம். நாம் நன்றாக உண்மையில் பிறகு, நாம் இன்னும் இணைய வேண்டும்? TOMAS Reimers: செல்லலாம் நான் காட்டும் திறக்க முடியும் என்றால் பார்க்க என்னை என்று பார்ப்போம் நான் விரைவில் இணைய பெற முடியும் அலிசன் எதையும் பற்றி பேசுகிறார் போது அலிசன் பற்றி பேச விரும்புகிறார். ALLISON BUCHHOLTZ-AU: எனவே அடிப்படையில் நான் இல்லை இந்த இடத்தில் நான் சொல்ல முடியும் வேறு என்ன தெரியும். ஆனால் இந்த சில நல்ல வளங்கள். இந்த தான் என்று தாமஸ் மற்றும் நான் பயன்படுத்திய மற்றும் நாம் உண்மையில் அந்த இந்த தனியார் பயன்படுத்தப்படுகிறது. டபிள்யு 3 ஸ்கூல்ஸில் ஒன்றாகும் என்று நீங்கள் தோழர்களே முன்னர் பார்த்தோம். நாம் ஒரு அதை பரிந்துரைக்கிறோம் CSS கொண்டு நிறைய விஷயங்களை. நான் அதை பரிந்துரைக்கிறோம் தெரிகிறேன் என் பிரிவில் அனைத்து நேரம். பெரிய விஷயங்களை ஒருவர் அதை ஆகிறது CSS நாசப்படுத்த வகையான நீங்கள் அனுமதிக்கிறது மாற்றங்களை பார்க்க உடனடியாக இந்த ஆண்டு, போன்ற, இரட்டை சாளரம் அது என்று பார்க்கிறது. எனவே நீங்கள் கவலைப்பட வேண்டிய அவசியம் இல்லை உங்கள் சொந்த வலை பக்கம் அமைக்க, அல்லது vhost அமைக்க உங்கள் உள்ளூர் வீட்டுவசதி மற்றும் உள்ளூர் புரவலன், மற்றும் அதையெல்லாம் தொழிலாள பெறுவது. அது சரி, பக்கம் உள்ள உட்பொதிந்த. மேலும், இந்த சிறிய உள்ளது பாடங்கள், என்று நீங்கள் அறிய செல்ல தேர்வாளர்கள் பற்றி மேலும், அல்லது கையாள்வது பற்றி அறிய, உங்கள் எழுத்துரு, அல்லது ஒரு பின்னணி, அல்லது ஒரு படத்தை. நீங்கள் இந்த வேண்டும் உடனடியாக முடிவு என்று நீங்கள் எந்த செய்ய வேண்டும் மற்ற தனியார் வேலை. அதனால் நான் டபிள்யு 3 ஸ்கூல்ஸில் நேசிக்கிறேன். அது அற்புதமானது. அது வேலை? TOMAS Reimers: ஆமாம். இல்லை, அது தான் இல்லை. நீங்கள் என்னை முயற்சி செய்ய வேண்டும் என் கணினியை மறுதொடக்கம்? அல்லது நாம் விரும்பவில்லை ALLISON BUCHHOLTZ-AU: நான் என்ன சொல்கிறேன் என்றால், நன்றாக, இந்த ஆன்லைனில் இருக்கும். அனைத்து சரிவுகள் ஆன்லைனில் இருக்கும். அதனால் நான் அதிக இந்த செய்து பரிந்துரைக்கிறோம். இந்த போலவே பெரும் ஒரு ஏமாற்றுக்காரன் தாள் போன்ற. இது அனைத்து அடிப்படை இருக்கிறது நீங்கள் வேண்டும் என்று கட்டளையிடுகிறார். நீங்கள் முதலில் இருக்கிறோம் போது அது மிகவும் நல்லது உங்கள் வலைத்தளத்தில் அவுட் தொடங்கும். ஒருவேளை நீங்கள் இல்லை, ஏனெனில் அனைத்து பெற வேண்டும் அபாயகரமான உண்மையான nitty வடிவமைப்பு-கனமான பொருட்களை. நீங்கள் ஒரு வழியில் அதை வடிவமைக்க வேண்டும் அந்த மாதிரியான உணர்வு மற்றும் உயில் செய்கிறது தற்போதைக்கு செய்ய. நீங்கள் உண்மையில் விரும்பினால் அதை பெற, நான் அறிகிறேன் , போன்ற, இந்த ஒரு ஆகிறது தாமஸ் பிடித்த குறிப்புகள். நாம் அதை பயன்படுத்தி தனியார், அது அற்புதமானது தான். இது மோசில்லா இருந்து படைப்பாளி தான். TOMAS Reimers: எனவே மோசில்லா உள்ளன பயர்பாக்ஸ் செய்ய மக்கள். அது அவர்களது சொந்த டெவலப்பர் நான் நினைக்கிறேன் இது குறிப்பு, அருமையாக உள்ளது. அது ஒரு அற்புதமான உள்ளது வளங்களை பட்டியல். எனவே நாம் have-- ALLISON BUCHHOLTZ-AU: பின்னர் கடந்த குறிப்பு போது நீங்கள் முயற்சிக்கும் , உங்கள் இணையதளம் வடிவமைக்க பொருட்களை இருந்து உத்வேகம் பெற என்று நீங்கள் அழகாக நினைக்கிறேன். உறுப்பு ஆய்வு, மூல குறியீடு ஆய்வு சூப்பர் பயனுள்ளதாக இருக்க முடியும் கண்டுபிடிக்க முயற்சி க்கான உங்கள் சொந்த இணையதளம் பாணி. பெரும்பாலும், நான் சிறந்த போல் உணர வழியில், பரிசோதனை தவிர, வெறும் பாருங்கள் அழகாக இருக்கிறாய் என்று விஷயங்கள். நான் அது கடினமாக உண்மையில் தான் கண்டுபிடிக்க வகையான உங்கள் சொந்த விஷயங்களை வடிவமைக்க, குறிப்பாக தொடக்கத்தில். எனவே வலைத்தளங்களில் பாருங்கள் தயவு நீங்கள் பார்த்து அனுபவிக்க என்று. எது கண்டுபிடித்தார்கள் அவர்கள் உங்களுக்கு முறையீடு. பின்னர் தயங்க என்று முயற்சி மற்றும் பெருக்கும். TOMAS Reimers: ரைட். கூட வலைத்தளங்கள் போன்ற இது போல், நீங்கள் பார்க்க முடியும் மேலே ஒரு கிராம நிச்சயமாக இல்லை. பின்னர் நீங்கள் மற்றொரு DIV வேண்டும் இங்கே, இது CSS அருமையை ஆகிறது. பின்னர் நீங்கள் இங்கே இணைப்புகள் ஒரு கொத்து வேண்டும். நீங்கள் உண்மையில் நான் ஆய்வு என்றால் உறுப்புகள், நீங்கள் வரிசைப்படுத்த முடியும் வலைத்தளங்களில் என்ன செய்ய பார்க்க தொடங்க இப்படி இருக்க, எப்படி நான் நான் வேண்டும் என்றால் என்று மீண்டும். என்று பயன்? எனவே நாம் மட்டும் விட்டு மூன்று நிமிடங்கள். கேள்விகள் எனவே? அவர்கள் எந்த? ஆமாம். பார்வையாளர்கள்: நிறம் செவ்வகம், எப்படி நீங்கள் என்று நீங்கள் அதை விரும்பவில்லை என்றால் have-- முழு பக்கம் முழுவதும் நடக்கிறது அது மட்டும் முழுவதும் சென்று செய்துவிட்டேன் அரை பக்கம் அல்லது உரை? TOMAS Reimers: சரி, முற்றிலும். என்னை உண்மையில் பார்ப்போம். நான் இரண்டு யோசனைகள் வேண்டும். அனைத்து எனவே முதல், நீங்கள் மேலும், percents பயன்படுத்த முடியும். பார்வையாளர்கள்: அப்படியா? ALLISON BUCHHOLTZ-AU: அதனால் ஏதாவது பார்க்க உறவினர் பொருத்துதல் ஆகிறது. இது ஏதோ என்று நாங்கள் பெற நேரம் இல்லை, ஆனால் அதை நான் கண்டிப்பாக எதோ நீங்கள் சரி பரிந்துரைக்கிறோம். TOMAS Reimers: எனவே percents. நாம் அதை செய்து எப்படி பார்க்க அகலம் வெறும் 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: மிகவும் நன்றி.