>> [இசை]
>> டக் LLOYD: எனவே இன்னும் ஒரு எடுத்து விடுங்கள் வீடியோ ஒரு மொழியாகி பற்றி பேச.
நாம் CSS பற்றி பேசுகிறேன் இந்த நேரம்.
குறுகிய இது எனவே CSS, அடுக்கு நடை தாள்கள்
நாம் பயன்படுத்தும் மற்றொரு மொழி ஆகும் வலைத்தளங்களில் கட்டும் போது.
இதை பற்றி யோசிக்க.
HTML, நாங்கள் ஏற்பாடு செய்ய பயன்படுத்த வேண்டும் என்றால் நாங்கள் எங்கள் பக்கம் வைக்க வேண்டும் உள்ளடக்கத்தை,
CSS ஐ நாம் பொதுவாக பயன்படுத்த என்று கருவி எங்கள் வலைத்தளங்களில் பார்த்து எப்படி தனிப்பயனாக்க,
எப்படி பயனர் அனுபவம் மிகவும் எங்கள் வலைத்தளத்தில் உரையாடி, உள்ளது.
>> HTML, போன்ற, CSS உள்ளது ஒரு நிரலாக்க மொழி.
இது தர்க்கத்தின் இல்லை.
இது மாறிகள் இல்லை.
அது எந்த மாதிரி இல்லை சி என்று தொடர்பான விஷயங்களை ஓட்டம்.
அது ஒரு ஸ்டைலிங் மொழி தான்.
அதன் தொடரியல் அழகான ஆகிறது எளிய, மற்றும் விவரிக்கிறது
எப்படி கூறுகளை எங்கள் பக்கம் குறிப்பிட்ட HTML வேண்டும்
உறுப்புகள் மாற்றம்.
அந்த முடிவுக்கு, நீங்கள் இல்லை என்றால் இன்னும், HTML எங்கள் வீடியோவை பார்த்தேன்
அல்லது அறிந்திறாத HTML, பொதுவாக, நீங்கள்
என்று பாருங்கள் வேண்டும் CSS ஐ முதல், ஏனெனில் இந்த விவாதம்
சார்ந்தது போகிறது சில HTML அறிவு.
>> எனவே இங்கு ஒரு உண்மையில் தான் எளிய CSS நடைதாளுடன்.
நீங்கள் எப்போதும் நான் கூட முன் CSS கொண்டு திட்டமிடப்பட்டது,
நீங்கள் கண்டுபிடிக்க முடியும் நான் அழகாக தெரியும் இந்த நடைதாளுடன் சரியாக என்ன.
அது என்ன?
சரி, எங்கள் வலை உடல் பயன்படுத்தப்படும் உடல் குறிச்சொற்களை இடையே பக்கம், எல்லாம்
எங்கள் HTML, மற்றும் அமைக்கிறது நீல அந்த பக்கம் பின்னணி நிறம்.
சரி, அது ஒரு மிக எளிய நடைதாளுடன் தான்.
அது உண்மையில் மிகவும் மனித நட்பு மொழி, CSS கருத்து.
எனவே, நீங்கள் முன் அதை பயன்படுத்த முடியாது கூட ஒருவேளை நீங்கள் அந்த என்ன செய்தார் யூகிக்க முடியவில்லை.
உண்மையில், நாம் ஒரு பக்கம், அங்கு ஏற்றப்படத்தோம் இந்த நடைதாளுடன், எப்படியோ பதிக்கப்பட்ட
எங்கள் பக்கம் பின்னணி நிறம் என்று நீலம், மற்றும் தரமான வெள்ளை என்றார்.
>> நாம் எப்படி பாணி கட்ட வேண்டும்?
அதே முதல், நாம் வேண்டும் ஒரு தேர்வுக்குழு அடையாளம்.
கடைசி உதாரணத்தில், என்று தேர்வுக்குழு உடல் இருந்தது.
நாம் ஒரு திறந்த வேண்டும் சுருள் பிரேஸ், மற்றும் நாம்
வரையறுக்கும் ஆரம்பிக்க போகிறது என்று தேர்வுக்குழு நடைதாளுடன்.
சுருள் ப்ரேஸ் இடையில், நாம் வெறும் முக்கிய மதிப்பு ஜோடிகள் ஒரு பட்டியல் உண்டு.
முந்தைய மதிப்பு ஜோடி இருந்தது பின்னணி நிறம் நீலம் அரைப்புள்ளி,
ஆனால் நாம் இந்த இன்னும் செய்ய முடியும்.
நீங்கள் பல விஷயங்களை விண்ணப்பிக்கும் இருக்க முடியும் என்று டேக், என்று தேர்வுக்குழு உடல்.
அவர்கள் ஒவ்வொருவரும் ஒரு பிரிக்கப்பட்ட அரைப்புள்ளி, மற்றும் நாம் ஒவ்வொரு ஒரு அழைப்பு
ஒரு அறிவிப்பு, ஒரு CSS அறிவிப்பு.
நாங்கள் அனைத்து ஸ்டைலிங் நாங்கள் முடித்துவிட்டீர்கள் போது என்று குறிப்பிட்ட டேக் விண்ணப்பிக்க வேண்டும்,
நாம் ஒரு நிறைவு சுருள் வேண்டும் நடைதாளுடன் முடிவுக்கு எதிர்கொள்வேன்,
நாம் நடைதாளுடன் வரையறுக்கும் முடித்துவிட்டீர்கள் அந்த குறிப்பிட்ட தேர்வுக்குழு.
>> சில பொதுவான CSS பண்புகள் என்ன?
நன்றாக, ஒருவேளை நீங்கள் போட வேண்டும் ஏதாவது சுற்றி ஒரு எல்லை.
நீங்கள் சொல்ல முடியாது, எனவே, எல்லை, என்று உங்கள் முக்கிய இருக்க வேண்டும்,
பின்னர் உங்கள் மதிப்புகள் இருக்க வேண்டும், என்ன பாணி, நிறம், மற்றும் அகலம்
நீங்கள் இருக்க வேண்டும்.
எனவே பாணி ஒரு திட இருக்க முடியும் வரி, புள்ளி, ஒரு கோடிட்ட வரி,
அலை அலையான வரி இருக்க வேண்டும், இது ஒரு மேடு வரி,.
ஒருவேளை நீங்கள் அதை செய்ய வேண்டும் நீலம் அல்லது கருப்பு அல்லது பச்சை இருக்க.
ஒருவேளை நீங்கள் இருக்க வேண்டும் 1 அல்லது 2 அல்லது 10 பிக்சல்கள் அளவில்.
நீங்கள் அந்த விஷயங்கள் எல்லாம் குறிப்பிட முடியும்.
ஒருவேளை நீங்கள் பின்னணி அமைக்க வேண்டும் ஒரு குறிப்பிட்ட வழியில் உங்கள் பக்கம் நிறம்.
நாம் ஏற்கனவே அமைக்க, என்று பார்த்தேன் உடல் பின்னணி நீல இருக்க வேண்டும்.
>> நீங்கள் ஒரு முக்கிய வார்த்தை பயன்படுத்த முடியும், எனவே CSS சில நிறங்கள் உள்ளன
என்று, அது ஒரு பச்சை, நீலம் கட்டப்பட்டது கருப்பு, நாம் தெரியும் ஒரு மிக எளிய நிறங்கள்.
ஆனால் நீங்கள் எந்த குறிப்பிட முடியும் நீங்கள் விரும்புகிறேன் என்று ஹெக்ஸ் நிறம்.
நிறங்கள் அடையாளம் கண்டு கொள்ள முடியும் என்று நினைவு மூன்று எண்ம எண்களை ஒரு தொகுப்பு மூலம்
0 இருந்து 255, RG மற்றும் b செய்ய சிவப்பு, பச்சை, மற்றும் நீல கூறு.
எனவே நாம் குறிப்பிட முடியும் நாங்கள் விரும்பும் எந்த நிறம்,
அதற்கு பதிலாக நீலம் அல்லது பச்சை அல்லது கருப்பு பயன்படுத்தி, பவுண்டு பயன்படுத்தி மற்றும் ஹெக்ஸ் பின்னர் ஆறு இலக்கங்கள்,
அது எங்களுக்கு கொடுக்க வேண்டும் ஆறு ஐக்கிய நிறம்.
அதனால் பின்னணி நிறம் தான்.
>> நாங்கள் முன்புறமாக வேண்டும் பொதுவாக இது நிறம்,
உங்கள் பக்கம் உரை இருக்க போகிறது.
நீங்கள் இதேபோல் அதை செய்ய முடியும் முக்கிய வார்த்தை மற்றும் அல்லது ஆறு ஐக்கிய ஹெக்ஸ்.
எனவே நீங்கள் எந்த நிறம் குறிப்பிட முடியும் நீங்கள் உங்கள் பக்கம் உரை வேண்டும்
ஒரு குறிப்பிட்ட எதிராக பின்னணி நிறம், மேலே.
நீங்கள் மாற்ற மற்றும் சமாளிக்க முடியும் எழுத்துரு, மற்றும் வழி உரை
பக்கத்தில் காண்பிக்கப்பட்ட.
>> எனவே நீங்கள் உங்கள் எழுத்துரு அளவு மாற்ற முடியும்.
நீங்கள் இது போன்ற கூடுதல் போன்ற முக்கிய வார்த்தைகள், பயன்படுத்த முடியும் கூடுதல் சிறிய, அல்லது சிறிய XX, அல்லது நடுத்தர,
பெரிய, மற்றும் பல.
நீங்கள் நிலைத்த புள்ளிகள் பயன்படுத்த முடியும், 10 புள்ளி, 12 புள்ளி, மற்றும் பல.
நீங்கள், சதவீதங்கள், 80%, 20% பயன்படுத்த முடியும் அங்கு 100% இயல்புநிலை எழுத்துரு ஆகிறது
பொதுவாக போகிறது இது அளவு, 11 அல்லது 12 புள்ளிகள் போன்ற ஏதாவது இருக்க.
அல்லது நீங்கள் கூட அதை அடிப்படையாக முடியும் மிக சமீபத்திய எழுத்துரு அளவு.
நீங்கள் தான் ஏதாவது எழுதியது நீங்கள் தெரியும் என்றால் அது சிறிய இருக்க வேண்டும் உனக்கு என்ன வேண்டும், ஆகிறது
ஆனால் நீங்கள் தெரியாது சரியாக என்ன அளவு நீங்கள் அது இருக்கலாம், நன்கு, நீங்கள் தான் சொல்ல முடியும் விரும்பினால்,
எழுத்துரு அளவு சிறிய.
அது, ஆஃப் அடிப்படையாக தான் மேலே இது எழுத்துரு அளவு தான்.
நீங்கள் சிறிய அல்லது பெரிய பெற முடியும்.
எனவே பல்வேறு நிறைய இருக்கிறது வழிகளில் எழுத்துரு அளவு குறிப்பிட வேண்டும்.
>> நீங்கள் என்ன குறிப்பிட முடியும் நீங்கள் விரும்பும் எழுத்துரு குடும்பம்.
நீங்கள் ஒரு குறிப்பிட்ட இருந்தால் பெயர், ஒரு வழி இருக்கிறது CSS--
நாங்கள் அதை பற்றி பேச போவதில்லை இங்கே ஒரு குறிப்பிட்ட எழுத்துரு வரையறுக்க
மற்றும் உங்கள் பக்கம் அதை பதித்துள்ளது.
நீங்கள் ஒரு பொதுவான பெயர்களை பயன்படுத்த முடியும்.
வலை பாதுகாப்பான எழுத்துருக்கள் நிறைய இருக்கிறது என்று CSS முன் வரையறுக்கப்படுகிறது.
நீங்கள் மைக்ரோசாப்ட் ஒரு பயனர் இருந்தால் கடந்த 20 ஆண்டுகளில் அலுவலகம்,
ஒருவேளை நீங்கள் தெரிந்திருந்தால் இந்த வலை பாதுகாப்பான எழுத்துருக்கள் நிறைய
ஏற்கனவே, டைம்ஸ் நியூ ரோமன், ஏரியல், நியூ, ஜோர்ஜியா, தஹோமா, Verdana கூரியர்
மற்றும் பல.
அந்த அனைத்து வலை பாதுகாப்பான எழுத்துருக்கள் கருதப்படுகிறது.
என்ற உண்மையில், பகுதியாக காரணம், அவர்கள் இருக்கும் வந்தது
ஒவ்வொரு பக்கம் web-- செய்ய பயன்படுத்தப்படும் இந்த இயல்புநிலை அணுகல் எழுத்துருக்கள் அமைக்க
பல்வேறு serifs, மற்றும் அனைத்து இந்த நாங்கள் பெற மாட்டேன் எழுத்துரு பொருள்,
ஆனால் அவை உள்ளன உங்கள் CSS அணுக,
நீங்கள் இல்லை என்றால் இல்லையெனில் எழுத்துருக்கள் வரையறுக்க.
கடைசியாக, நீங்கள் உங்கள் உரை align முடியும், அது இருப்பது பதிலாக, இயல்பாக, உள்ளன
இடது, நீங்கள் முடியும் வலது அது align,
அல்லது நீங்கள் அதை மையமாக align, அல்லது, முடியும் அது இரு ஓரங்கள் அடித்து அந்த நியாயப்படுத்தினார்.
அந்த எனவே நீங்கள் பயன்படுத்த முடியும் அனைத்து விருப்பங்கள் உள்ளன உங்கள் உரை போல் என்ன மாற்ற,
மற்றும் அது உங்கள் பக்கம் எப்படி காட்டப்படும்.
>> உங்கள் தேர்வாளர்கள் செய்ய குறிச்சொற்களை மட்டுமே இருக்க வேண்டும்.
நாம் முன்னர் உடல் டேக் பார்த்தேன் தேர்வுக்குழு, மற்றும் டாக் தேர்வுக்குழு
அது போல் இருக்கிறது.
நீங்கள் ஒரு டேக் பெயரை, என்று டேக் ஒரு நடைதாளுடன் வரையறுக்க.
ஆனால் நீங்கள் ஏதாவது செய்ய முடியும் ஒரு அடையாள தேர்வுக்குழு என்று.
ஒரு ஐடி தேர்வுக்குழு அழகாக போன்ற தோற்றம்.
ஆனால் இப்போது நான் பயன்படுத்தி இல்லை என்று அறிவிப்பு ஒரு HTML டேக், நான், இந்த வழக்கில், பயன்படுத்தி வருகிறது
#unique, அல்லது தனிப்பட்ட புல.
நீங்கள் நினைவு என்றால் எங்கள் HTML, வீடியோ, நாங்கள் பேசினோம்
குறிச்சொற்களை பண்புகளை முடியும் என்பதை பற்றி.
>> மற்றும் ஒரு கற்பிதம் என்று பொருந்தகிறது அழகான மிகவும் அனைத்து HTML குறிச்சொற்களை,
ஆனால் நாம் அதை பற்றி பேச, ஒரு அடையாள குறியை என்று ஒன்று இருக்கிறது.
எனவே இந்த குறிப்பிட்ட CSS என்று மட்டுமே உள்ளது என்று HTML குறியை விண்ணப்பிக்க
ஒரு குறிப்பிட்ட ஐடி, நீங்கள் என்ற விட்டேன் என்று.
நீங்கள் எங்காவது இருந்தால், அதனால் உங்கள் குறியீடு, எங்காவது
உங்கள் HTML கோப்பை, ஒரு டேக் மற்றும் நீங்கள் என்று டேக் பண்பு குறிப்பிட,
ஐடி, இந்த தனிப்பட்ட சமகிறது குறிப்பிட்ட நடைதாளுடன்
இங்கே மட்டும் இடையே பொருந்தும் தனிப்பட்ட ஐடி என்று டேக்.
>> நீங்கள் ஏதாவது செய்ய முடியும் ஒரு வர்க்கம் தேர்வுக்குழு என்று.
கொண்ட கூடுதலாக எனவே ஐடி நீங்கள் முடியும், பண்புகளை
HTML குறிச்சொற்களை ஒரு வர்க்கம் பண்பு சேர்க்க.
நீங்கள் ஒரு வர்க்க பண்பு பயன்படுத்த போது, அது பல குறிச்சொற்களை பயன்படுத்தலாம்.
எனவே நீங்கள் பல விஷயங்கள் இருக்கிறது என்றால் என்று , ஒருவேளை நீங்கள் சொல்ல ஒத்த வேண்டும் என்று,
திறந்த டேக் அபத்தம், அபத்தம், அபத்தம், அபத்தம், வர்க்க மாணவர்கள் சமம்.
பின்னர் இந்த குறிப்பிட்ட நடைதாளுடன் விண்ணப்பிக்க வேண்டும்
யாருடைய வர்க்கம் ஒவ்வொரு டேக் மாணவர்கள் ஆகிறது.
இந்த வழக்கில், நாம் அமைக்க விரும்புகிறேன் மஞ்சள் பின்னணி நிறம்,
நாம், ஒளிர்வு அமைக்க என்று எந்த நாம் பற்றி பேச வில்லை ஒரு குறிச்சொல் உள்ளது
ஆனால் அது எவ்வாறு வெளிப்படையான மேற்கொள்கின்றன ஏதோ இந்த விஷயத்தில், 70% ஆகும்.
>> இரண்டு விருப்பங்கள் இல்லை எழுத்து பாணி.
நீங்கள் அவர்களை எழுத முடியும் நேரடியாக உங்கள் HTML
பாணி வைப்பதன் மூலம் பாணி குறிச்சொற்களை இடையே உள்ள.
அந்த பாணி குறிச்சொற்களை உள்ளே செல்ல உங்கள் வலை பக்கம் தலை குறிச்சொற்களை.
ஒருவேளை இன்னும் விருப்பமான வழி செய்ய அது ஒரு தனி CSS கோப்பு எழுத வேண்டும்,
பின்னர் அது இணைக்க உங்கள் இணைப்பு குறிச்சொற்களை பயன்படுத்தி ஆவணப்படுத்த.
இணைப்பு குறிச்சொற்களை, மீண்டும், உள்ளன ஹைப்பர்லிங்க் வேறுபட்டது,
நீங்கள் எங்கள் வீடியோ இருந்து ஒரு HTML நினைவு என்றால்.
மற்றும் இணைப்பு குறிச்சொற்களை எப்படி நாம் தனி கோப்புகளை இழுக்க.
அது மாதிரி சமமான போன்ற வலை நிரலாக்க # அடங்கும்.
>> எனவே table.HTML பாருங்கள் நாம்.
நீங்கள் நினைவு என்றால் எங்கள் HTML வீடியோ, நான் காட்டியது
ஒரு மிக ஒரு உதாரணம் எளிய பெருக்கல்
அழகான தோற்றம் என்று அட்டவணை அசிங்கமான, மற்றும் ஒருவேளை இருக்கிறது
ஒரு வழி அதை நன்றாக செய்ய , CSS, அது உண்மையில் இருக்க செய்ய
ஒரு பெருக்கல் போன்ற அட்டவணை, அல்லது ஏதாவது
என்று தான் ஒன்றாக சிக்கி உண்மையான பிரிவு
வரிசைகள் மற்றும் பத்திகள் இடையே.
எனவே மீது தலைமை அனுமதிக்க , CS50 IDE மற்றும் பாருங்கள்
CSS ஐ, அப்படி, மாற்றங்களை செய்யலாம் எப்படி முன் நாம் என்ன தொடங்கியது,
மற்றும் அது நிறைய நல்ல ஏதாவது செய்ய.
>> எனவே நாம் CS50 IDE இல் இருக்கிறோம் இப்போது, மற்றும் அறிமுகமில்லாத என்றால்,
நாம் இந்த இழுக்க வேண்டும் அட்டவணை HTML பக்கம் என்று.
Table.HTML அடிப்படையில் வெறும் உள்ளடக்கங்களை வரையறுக்கிறது
ஒரு multiple-- அது இருக்க வேண்டும் ஒரு நான்கு நான்கு பெருக்கல் வாய்ப்பாடு.
அது மிகவும் நேரடியான தான்.
நாம் அது என்று நினைப்பார்கள் அழகான நன்றாக ஏற்பாடு இருக்கும்.
ஆனால் உண்மையில், நாம் இந்த பக்கம் முன்னோட்டத்தை போது, நாங்கள் அதை வகையான அசிங்கமான, வலது என்று பார்க்க?
தெளிவாக நாம் இங்கே வரிசைகள் மற்றும் பத்திகள் வேண்டும்.
அங்கு பிரிப்பு ஒருவித.
ஆனால் அதை ஒரு அர்த்தமுள்ள பிரிப்பு இல்லை.
நாம் உண்மையில் பெறவில்லை இங்கே அதிகமாக தகவல்.
மற்றும் இடையே எந்த பிரிவு தான் அடிப்படையில் வரிசை மற்றும் பத்தி
கிடைமட்ட அல்லது செங்குத்து விதிகள்.
நாம் அநேகமாக இந்த செய்ய முடியும் நல்ல தோற்றம் சிறிது.
எனவே முயற்சி செய்வோம்.
அதனால் நான் இங்கு இந்த தாவல் மூட போகிறேன்.
நான் என் table.HTML மூட போகிறேன் மற்றும் நான் இங்கே மற்றொரு பதிப்பு வேண்டும்
table2.HTML என்று.
நாம் அந்த திறக்க வேண்டும்.
பக்கம் உடலில் உள்ளது அழகான அதே,
ஆனால் நான் மாறிவிட்டேன் ஒரு மேல் சிறிது.
நான் இங்கே மேலே நான்.
நான் இருக்கிறேன், என்று இந்த நேரத்தில் கவனிக்க பதிக்கப்பட்ட பாணி குறிச்சொற்களை பயன்படுத்தி.
நான் ஒரு பாணி டேக் திறந்து விட்டேன், நான் இப்போது இருக்கிறேன் உள்ளே ஒரு CSS நடைதாளுடன் வரையறுக்கும்
அது.
நான் அட்டவணை என்று ஒரு நடைதாளுடன் வேண்டும்.
என்று என் டேக் தேர்வுக்குழு தான்.
நான் டாட் அல்லது புல பயன்படுத்தி, இது நான் என்றால் செய்து விடும்
ஒரு ஐடி அல்லது ஒரு வர்க்கம் தேர்வுக்குழு பயன்படுத்தி இருந்தது.
நான் ஒரு டேக் தேர்வுக்குழு இங்கே அட்டவணை வேண்டும்.
இந்த பாணி போகிறது ஒவ்வொரு அட்டவணை டேக் பொருந்தும்.
வெளிப்படையாக நான் ஒரு ஒரு வைக்க வேண்டும் பரந்த பிக்சல், திட நீல எல்லை,
என் மேஜை உள்ளே.
அந்த போன்ற அநேகமாக என்று தெரிகிறது சரி, நிலைமை உதவி?
நாம் செய்ய போகிறோம் நிறைய நல்ல இருக்கும்.
எனவே இந்த நன்றாக.
ராஜசிம்மன், நான் போயிருக்கிறேன் இங்கே என் நடைதாளுடன் பதிக்கப்பட்ட.
அது நிச்சயமாக ஒரு இருக்கிறது அதை செய்ய வழி,.
இந்த மாதிரி என்ன என்று பார்ப்போம்.
எனவே நான் இங்கே திரும்பி செல்ல, மற்றும் வேண்டும் நான் என் table2.HTML முன்னோட்டத்தை.
சரி, அந்த, நான் விரும்பினேன் மிகவும் என்ன இல்லை ஆனால் அதை நாம் கேட்டு சரியாக என்ன.
நாம் இந்த பாணி உள்ளது என்று கூறினார் எங்கள் அட்டவணை விண்ணப்பிக்க நடக்கிறது.
எங்கள் அட்டவணை இப்போது ஒரு ஒரு பிக்சல் உள்ளது அதை சுற்றி பரந்த, திட நீல எல்லை.
நாம் உண்மையில் பெறவில்லை அட்டவணை செல்கள்.
நாம் மேஜையில் வருகிறோம்.
எனவே CSS வேலை.
அது பயன்படுத்தப்படும் ஒரு எங்கள் அட்டவணை நடைதாளுடன்.
ஆனால் மிகவும் செய்யவில்லை நாம் என்ன செய்ய வேண்டும்.
நாம் செய்ய பெறுவது எப்படி நாம் என்ன செய்ய வேண்டும்?
>> சரி, இன்னும் ஒரு பாருங்கள் அனுமதிக்க table3.HTML இந்த பதிப்பு.
அதனால் நான் இந்த தாவல்கள் மூட போகிறேன்.
நான் இங்கே மீண்டும் மேல் செல்ல போகிறேன் என் மரம் தாக்கல், மற்றும் table3.HTML திறந்து.
மீண்டும், அதை அழகாக நடக்கிறது இங்கே ஆரம்பத்தில் ஒத்த.
ஆனால் அறிவிப்பு, இந்த நேரத்தில், அதற்கு பதிலாக பயன்படுத்தி வலது அங்கு பதிக்கப்பட்ட ஒரு நடைதாளுடன்,
நான் ஒரு இணைக்க போகிறேன் இணைப்பு டேக் பயன்படுத்தி நடைதாளுடன்.
அதனால் நான் வெளிப்படையாக ஒரு இணைக்கும் என்று நான் tables.CSS என்று நடைதாளுடன்,
இந்த நன்கு சமகிறது நடைதாளுடன் தான், நன்றாக means--
இந்த கோப்பு உறவினர் என்ன உனக்கு என்ன நான் இருக்கிறேன் என்று ஒரு நடைதாளுடன் உள்ளது doing-- இருக்கிறேன்
என் பக்கம் பயன்படுத்தி.
நான் உண்மையில் என்ன பார்க்க வேண்டும் என்றால் நான், இங்கே CSS செய்து
நான் திறந்த செல்ல வேண்டும் table.CSS அதே தாக்கல்.
எனவே நாம் இங்கு வழியாக செல்ல வேண்டும் மீண்டும் எங்கள் கோப்பு மரம்.
Table.CSS இருக்கிறது.
நாம் இது திறந்த பாப் வேண்டும்.
இப்போது நாம் CSS ஒரு சிறிய பார்க்கிறோம்.
வெளிப்படையாக, நான் ஒரு ஜோடி வேண்டும் விஷயங்களை இங்கே நடக்கிறது.
நான் வெளிப்படையாக ஒரு ஐந்து வைக்க வேண்டும் பரந்த பிக்சல், திட சிவப்பு எல்லை,
என் அட்டவணை சுற்றி.
நாம் ஏற்கனவே அந்த நடக்கிறது என்று தெரிந்து வெறும் சுற்றளவு செல்ல.
நாம் table2.HTML என்று பார்த்தேன்.
ஒவ்வொரு வரிசையில் கொண்டு, நான் வெளிப்படையாக குறிப்பிட வேண்டும்
அந்த வரிசையில் உயரம் 50 பிக்சல்கள் அதிகமாக உள்ளது.
எனவே, ஒவ்வொரு வரிசையில் நினைவில் என்று, TR டேக் என்ன தான்
நான் அதை 50 பிக்சல்கள் உயர் செய்கிறேன்.
>> இறுதியாக, நான் இந்த கருத்து உள்ளது.
இந்த நாம் CSS இல் கருத்துக்கள் எப்படி உள்ளது.
இது தொகுதி பறிமுதல் போலவே தான் கருத்துகள் தொடரியல் சாய்வு நட்சத்திர.
நீங்கள் விரும்பும் அனைத்து உரை.
எந்த சாய்வு சாய்வு CSS உள்ள போதிலும், அங்கு தான்.
குறுகிய இன்லைன் கருத்துக்கள், நாம் வேண்டும் இங்கே இந்த குறிப்பிட்ட வடிவம் பயன்படுத்த.
நான் ஒரு செய்து போல் தெரிகிறது என் TD குறிச்சொற்களை நிறைய.
TD குறிச்சொற்களை, அல்லது அட்டவணை நினைவில் உண்மையில் வெறும் இது தரவு,
உள்ளே பத்திகள் எங்கள் வரிசைகள், மற்றும் வெளிப்படையாக
தரவு ஒவ்வொரு துண்டு என் அட்டவணையில் உள்ள, நான் வேண்டும்
பின்னணி நிறத்தை அமைக்க கருப்பு இருக்க, நிறம், வெள்ளை இருக்க வேண்டும்
வண்ண பின்னணி வண்ணம் உள்ளது.
எனவே இந்த போகிறது என் பக்கம் உரை.
நான் பெரிய எழுத்துரு, 22 வேண்டும் எழுத்துரு சுட்டி, மற்றும் நான் விரும்பவில்லை
அது, எழுத்துரு குடும்பம் ஜோர்ஜியா இருக்க வேண்டும்.
அதனால் நான் போவதில்லை இயல்புநிலை எழுத்துரு வேண்டும்.
நான் ஜோர்ஜியா, குறிப்பிட போகிறேன் அந்த வலை பாதுகாப்பான எழுத்துருக்கள் ஒன்றாகும்
நாம் முன்னர் பார்த்த அந்த.
நான் என் உரை சீரமைக்கப்பட்டது வேண்டும் மத்திய, பெட்டியின் நடுவில்,
நான் அதை விட்டு விரும்பவில்லை சீரமைக்கப்பட்டது அல்லது வலது சீரமைக்கப்பட்டது.
நான் என் பத்தியில் அகலம் வேண்டும் பரந்த 50 அதே பிக்சல்கள் இருக்க வேண்டும்.
தான் ஒரு பார்க்கலாம் இந்த மாதிரி என்ன,
இந்த ஒருவேளை ஒரு முன்னேற்றம் ஆகும் எனப் பார்ப்போம்.
எனவே நான் table3.HTML, செல்ல போகிறேன் திரும்ப, ஒரு இணைப்பை table.CSS அடங்கும்
மற்றும் நாம் அதை முன்னோட்டத்தை வேண்டும்.
அந்த உரிமை, நிறைய நல்லது?
இது உண்மையில் ஒரு பார்க்க தொடங்கி உள்ளது இன்னும் ஒரு பெருக்கல் வாய்ப்பாடு போன்ற நிறைய.
நான் அந்த சிவப்பு எல்லை உண்டு என் அட்டவணை சுற்றி ஆனால் இப்போது
நான் கூட அந்த குறிப்பிட்ட ஒவ்வொரு வரிசையில், 50 பிக்சல்கள் அகலம்
அல்லது அது tall-- தவிர்க்கவும் 50 பிக்சல்கள் me-- ஒவ்வொரு நிரல் 50 பிக்சல்கள் அளவில் உள்ளது.
ஒவ்வொரு கட்டத்திலும் தரவு, மற்றும் மட்டும் தரவு, ஒரு கருப்பு பின்னணியில் உள்ளது.
அதனால் ஏன் அந்த இருக்கிறது வெள்ளை கோடுகள் உள்ளன.
விண்வெளியில் ஏனெனில் அந்த செல்கள் அனைத்து இடையே,
அது ஒரு எல்லை தாண்டிய இல்லை மற்றும் தன்னை, அது தான்
நான் மட்டும் நிரப்புவதற்கு நான் செல்கள், உண்மையில் இது
அட்டவணை எல்லைகள், எதில் வெளிப்படையாக, அனைத்து சேர்ந்து அது நீடித்தது
வெறும் மெல்லிய வெள்ளை கோடுகள் இருந்தது.
இப்போது அவர்கள் தோன்றும்.
இப்போது அவர்கள் திரையில் ஆஃப் பாப்.
எனவே இந்த ஒரு மிக எளிய ஆகிறது நான் பயன்படுத்தப்படும் என்று நடைதாளுடன்,
இப்போது என் அட்டவணை இன்னும் போன்ற நிறைய இருக்கிறது ஒரு நான்கு நான்கு மூலம் பெருக்கல் வாய்ப்பாடு,
அதற்கு பதிலாக ஒரு வெறும் சரிசெய்யவேண்டும் குழப்பம், அங்கு எல்லாம் தெளிவாக வரிசை மற்றும் பத்தி உள்ளது,
ஆனால் சூப்பர் நன்றாக ஏற்பாடு.
நாம் உண்மையிலேயே ஒரு மேற்பரப்பில் அரிப்பு நீங்கள் இங்கே CSS கொண்டு என்ன செய்ய முடியும்.
அதிர்ஷ்டவசமாக CSS ஆவணம் மிகவும் நேர்மையானவன்.
நீங்கள் பல பயன்படுத்த வேண்டும் அதன் மிகவும் அடிக்கடி காரணம் காட்டுகிறது.
நாம் பற்றி பேசினார் தான் இந்த வீடியோ.
நீங்கள் பல உள்ளன அநேகமாக அனைத்து பயன்படுத்த மாட்டேன்.
மற்றும் அது கூட, நன்றாக இருக்கிறது.
ஆனால் ஒரு இருக்கிறது என்று தெரியும், அங்கு ஆவணங்கள் நிறைய.
நாங்கள் எல்லாம் மறைக்க வில்லை என்றால், நீங்கள் நிச்சயமாக உங்கள் சொந்த விட்டு.
ஆனால் CSS மிகவும் வேடிக்கையாக உள்ளது கொண்டு சோதனை.
நான் கடுமையாக நீங்கள் ஊக்குவிக்க வேண்டும் உங்கள் இணைய பக்கங்களை சுற்றி விளையாட,
மற்றும் நீங்கள் அவர்களை எப்படி செய்ய முடியும் என்று பார்க்க பார்க்க மற்றும் பயனர் மேம்படுத்த நினைக்கிறேன்
உங்கள் பக்கம் சென்று அனுபவம்.
நான் டக் லாயிட் இருக்கிறேன்.
இந்த CS50 உள்ளது.