[მუსიკის დაკვრა] 

DOUG LLOYD: მოდით კიდევ ერთი ვიდეო ვისაუბროთ კიდევ ერთი ენა. ამჯერად ჩვენ ვსაუბრობთ CSS. ასე რომ, CSS, რომელიც მოკლე კასკადური სტილების, არის კიდევ ერთი ენა ვიყენებთ როდესაც მშენებლობას საიტებზე. დაფიქრდით მოსწონს ეს. თუ HTML არის ის, რაც ჩვენ ვიყენებთ ორგანიზება შინაარსი ჩვენ გვინდა, რომ ჩვენს გვერდზე, CSS არის ინსტრუმენტი, რომელიც ჩვენ საერთოდ გამოიყენოს სახის როგორ ჩვენი საიტები გამოიყურება, და როგორ მომხმარებლის, გამოცდილება ნამდვილად არის, ინტერაქციაში ჩვენი ნახვა. 

მსგავსი HTML, CSS არის არ არის პროგრამირების ენა. მას არ აქვს ლოგიკა. მას არ აქვს ცვლადი. მას არ აქვს რაიმე, რომ შემოვა დაკავშირებული რამ, რომ C აკეთებს. ეს არის სტილის ენაზე. და მისი სინტაქსი საკმაოდ მარტივი და უბრალოდ აღწერს როგორ ელემენტები გვერდი აქვს გარკვეული HTML ელემენტები უნდა მოხდეს. ამ მიზნით, თუ არ ჯერ უყურებს ჩვენი ვიდეო HTML, ან არ იციან HTML, ზოგადად, თქვენ მოისურვეთ შევხედოთ, რომ პირველ რიგში, იმიტომ, რომ ეს განხილვა CSS აპირებს დამოკიდებული გარკვეული ცოდნა HTML. 

ასე რომ, აქ ნამდვილად მარტივი CSS სტილების. მაშინაც კი, თუ თქვენ არასდროს დაპროგრამებული CSS ადრე, მე დარწმუნებული ვარ, რომ თქვენ შეგიძლიათ გაერკვნენ სწორედ ამ სტილების აკეთებს. რას აკეთებთ? ისე, მიმართა ორგანოს ჩვენი ვებ გვერდი, ყველაფერი შორის სხეულის tags ჩვენს HTML, და იგი ადგენს ფონის ფერი, რომ გვერდზე, ლურჯი. ისე, ეს ძალიან მარტივი სტილების. ეს, ფაქტობრივად, ძალიან ადამიანური მეგობრული ენა, CSS. ასე რომ, თუ თქვენ არ გამოიყენება ეს ადრე, თქვენ, ალბათ, ვერ ვხვდები, რა გააკეთა. რეალურად, თუ ჩვენ დატვირთული გვერდი, სადაც ამ სტილების იყო ჩართული რატომღაც, ფონის ფერი ჩვენი გვერდი გვინდა იყოს ლურჯი, და არა სტანდარტული თეთრი. 

ასე რომ, ჩვენ ავაშენოთ stylesheets? ისე, პირველ რიგში, ჩვენ უნდა იდენტიფიცირება selector. ბოლო მაგალითად, რომ არჩევის იყო ორგანო. მაშინ ჩვენ გვაქვს ღია Curly გაუწიოს, და ჩვენ უნდა დაიწყოს განსაზღვრის სტილების, რომ selector. შორის Curly braces, ჩვენ უბრალოდ ჩამოთვლილია გასაღები ღირებულება წყვილი. წინა ღირებულება წყვილი იყო ფონის ფერი ლურჯი მძიმით, მაგრამ ჩვენ შეგვიძლია გავაკეთოთ უფრო და უფრო ამ. თქვენ შეიძლება მრავალი რამ გამოყენების რომ აქვს, რომ არჩევის ორგანო. თითოეული მათგანი არის გამოყოფილი მძიმით, და მოვუწოდებთ თითოეულ მათგანს დეკლარაცია, გააჩნია CSS დეკლარაცია. როდესაც ჩვენ გავაკეთეთ ყველა სტილის ჩვენ გვინდა მივმართოთ, რომ კონკრეტული tag, ჩვენ უბრალოდ უნდა შემოსილი გაუწიოს, რათა დასრულდეს სტილების, და ჩვენ გავაკეთეთ განსაზღვრის სტილების რომ კონკრეტული selector. 

რა საერთო CSS თვისებები? ისე, იქნებ გსურთ დააყენა საზღვრის გარშემო რაღაც. ასე რომ, შეიძლება ითქვას, საზღვარი, რომ იქნება თქვენი გასაღები, და შემდეგ თქვენი ღირებულებები იქნება, რა სტილი, ფერი, და სიგანე გსურთ, რომ იყოს. ასე რომ, სტილი შეიძლება იყოს მყარი ხაზი, dotted ხაზი, წყვეტილი ხაზით, ქედი ხაზი, რომელიც იქნება ტალღოვანი ონლაინ. იქნებ გვინდა, რომ ეს ლურჯი ან შავი ან მწვანე. იქნებ მინდა რომ იყოს 1 ან 2 10 პიქსელი ფართო. თქვენ შეგიძლიათ მიუთითოთ ყველა იმ რამ. იქნებ გსურთ მითითებული ფონზე ფერი თქვენი გვერდი კონკრეტული გზა. ჩვენ უკვე ვნახეთ, რომ, შექმნის ფონზე ორგანო უნდა იყოს ლურჯი. 

ამის შემდეგ შეგიძლიათ გამოიყენოთ გასაღები სიტყვა, ასე რომ, CSS აქვს გარკვეული ფერები რომ შენდება შევიდა, ლურჯი, მწვანე, შავი, ძალიან მარტივი ფერები ვიცით. მაგრამ ასევე შეგიძლიათ მიუთითოთ ნებისმიერი hex ფერი რომ გსურთ. შეგახსენებთ, რომ ფერები შეიძლება განსაზღვრული კომპლექტი სამი hex ნომრები 0-დან 255-rg და b, წითელი, მწვანე, ლურჯი და კომპონენტი. ასე რომ, ჩვენ შეუძლია მიუთითოს ნებისმიერი ფერი, ჩვენ გვინდა მიერ, ნაცვლად გამოყენებით ლურჯი ან მწვანე ან შავი, გამოყენებით ფუნტი და შემდეგ ექვსი ციფრი ჰექს, და რომ მოგვცეს ექვსი ციფრი ფერი. ასე რომ, ფონის ფერი. 

ჩვენ ასევე გვაქვს პლანზე ფერი, რომელიც, როგორც წესი, იქნება ტექსტი თქვენი გვერდი. თქვენ შეიძლება ანალოგიურად გავაკეთოთ, რომ გასაღები სიტყვა და ექვსი ციფრი hex. ასე, რომ თქვენ შეგიძლიათ მიუთითოთ ნებისმიერი ფერი გსურთ ტექსტი თქვენი გვერდი წინააღმდეგ კონკრეტული ფონის ფერი, ზემოთ. თქვენ ასევე შეგიძლიათ შეცვალოთ და გარიგება შრიფტი, და გზა ტექსტი გაწეული გვერდზე. 

ასე რომ, თქვენ შეგიძლიათ შეცვალოთ თქვენი შრიფტის ზომა. თქვენ შეგიძლიათ გამოიყენოთ გასაღები სიტყვა, როგორიცაა ზედმეტი, დამატებით მცირე, ან xx პატარა, ან საშუალო, დიდი, და ასე შემდეგ. თქვენ შეგიძლიათ გამოიყენოთ ფიქსირებული ქულა, 10 წერტილი, 12 ქულა, და ასე შემდეგ. თქვენ შეგიძლიათ გამოიყენოთ პროცენტული, 80%, 20%, სადაც 100% არის ნაგულისხმები შრიფტის ზომა, რომელიც, როგორც წესი, აპირებს იყოს რაღაც 11 ან 12 ქულა. ან შეგიძლიათ კი ბაზის ეს off ყველაზე ბოლო შრიფტის ზომა. თუ უბრალოდ დაწერა რაღაც და თქვენ იცით, რა გსურთ, რომ იყოს პატარა, მაგრამ თქვენ არ ვიცი ზუსტად რა ზომა გვინდა, რომ იყოს, ასევე, შეგიძლიათ უბრალოდ ამბობენ, შრიფტის ზომა პატარა. და ეს ბაზის გამორთვა, უბრალოდ ზემოთ, ეს შრიფტის ზომა. და შეგიძლიათ მიიღოთ მცირე ან დიდი. ასე რომ, არსებობს ბევრი სხვადასხვა გზები, რათა მიუთითოთ შრიფტის ზომა. 

ასევე შეგიძლიათ მიუთითოთ რა შრიფტის ოჯახი გსურთ. თუ თქვენ გაქვთ კონკრეტული სახელი, არსებობს გზა CSS-- ჩვენ არ ვაპირებთ ამაზე ლაპარაკი აქ უნდა განსაზღვროს ძალიან კონკრეტული font და უთხარი, რომ თქვენს გვერდზე. თქვენ ასევე შეგიძლიათ გამოიყენოთ generic სახელები. არსებობს ბევრი ვებ უსაფრთხო შრიფტები რომ წინასწარ განსაზღვრული CSS. და თუ თქვენ ხართ მომხმარებელს Microsoft ოფისი ბოლო 20 წლის განმავლობაში, თქვენ ალბათ იცნობს ბევრი ამ ვებ უსაფრთხო შრიფტები უკვე, Times New Roman, Arial, კურიერი New, საქართველო, Tahoma, Verdana, და ასე შემდეგ. ისინი ყველა განიხილება ვებ უსაფრთხო შრიფტები. და რეალურად, ნაწილი მიზეზი, რომ აღმოჩნდა უნდა იქნას გამოყენებული, რათა web-- ყოველ გვერდზე ჰქონდა ხელმისაწვდომობის ამ ნაგულისხმევი მითითებული შრიფტები სხვადასხვა serifs, და ეს ყველაფერი შრიფტის პერსონალის ჩვენ არ მოხვდება, მაგრამ ეს, როგორც წესი, ხელმისაწვდომი თქვენი CSS, მაშინაც კი, თუ თქვენ არ წინააღმდეგ შემთხვევაში, განსაზღვროს შრიფტები. და ბოლოს, თქვენ შეგიძლიათ გასწორება თქვენი ტექსტი, ნაცვლად იმისა, რომ იგი, ჩვეულებრივ, შეესაბამება მარცხენა, თქვენ შეიძლება უერთდებიან მას უფლება, ან შეგიძლიათ გასწორება იგი ორიენტირებული, ან გამართლებული ისე, რომ იგი მოხვდა ორივე მინდვრები. ასე რომ, ეს არის ყველა ვარიანტი შეგიძლიათ გამოიყენოთ შეცვალოთ თქვენი ტექსტი ჰგავს, და როგორ ის ნაჩვენები თქვენი გვერდი. 

შენი სელექციონერები არ უნდა იყოს tags მხოლოდ. ჩვენ ადრე დაინახა სხეულის ტეგით არჩევის, და tag selector არ გამოიყურება, ისევე, როგორც, რომ. თქვენ ასახელებს tag, და მაშინ განსაზღვროს სტილების, რომ აქვს. მაგრამ თქვენ შეგიძლიათ ამის გაკეთება რაღაც ე.წ. ID selector. პირადობის არჩევის გამოიყურება საკმაოდ მსგავსია. მაგრამ შეამჩნია, რომ ახლა მე არ იყენებს HTML tag, მე გამოყენებით, ამ შემთხვევაში, #unique, ან hash უნიკალური. თუ გავიხსენებთ ჩვენი ვიდეო HTML, ჩვენ ვისაუბრეთ იმაზე, თუ როგორ tags შეიძლება ატრიბუტები. 

და კიდევ ერთი ატრიბუტი, რომელიც ეხება საკმაოდ ბევრი ყველა HTML tags, მაგრამ ჩვენ არ გაიგო ამის შესახებ, არის რაღაც მოუწოდა ID tag. ასე რომ, ამ კონკრეტულ CSS გვინდა გამოიყენება მხოლოდ HTML tag, რომელსაც აქვს ძალიან კონკრეტული ID, რომ თქვენ დაასახელა. ასე რომ, თუ თქვენ გაქვთ სადღაც თქვენი კოდი, სადღაც თქვენს HTML ფაილი, tag და თქვენ დააკონკრეტა, როგორც ატრიბუტი რომ tag, ID ტოლია უნიკალური, ამ კერძოდ სტილების აქ მხოლოდ ვრცელდება შორის რომ tag პირადობის უნიკალური. 

ასევე შეგიძლიათ გააკეთოთ რაღაც ე.წ. კლასის selector. ასე რომ, გარდა იმისა, რომ ID ატრიბუტები, ასევე შეგიძლიათ რჩეულებში კლასის ატრიბუტი HTML tags. და როდესაც თქვენ იყენებთ კლასი ატრიბუტი, ეს შეიძლება იყოს გამოყენებული სხვადასხვა tags. ასე რომ, თუ თქვენ გაქვთ რამდენიმე რამ, რომ მსგავსია, იქნებ მინდა ვთქვა, ღია tag blah, blah, blah, blah, კლასის შეადგენს სტუდენტებს. და შემდეგ ამ კონკრეტულ სტილების მოემართებიან ყველა tag რომლის კლასის სტუდენტებს. ამ შემთხვევაში, ჩვენ გვინდა მითითებული ფონის ფერი ყვითელი, და ჩვენ გვინდა მითითებული ბუნდოვანება, რომელიც არის tag ჩვენ არ ვსაუბრობთ, მაგრამ მხოლოდ ეხება, რამდენად გამჭვირვალედ არის რაღაც, 70%, ამ შემთხვევაში. 

არსებობს ორი ვარიანტი წერილობით stylesheets. თქვენ შეგიძლიათ დაწეროთ მათ პირდაპირ თქვენი HTML დებს stylesheets შორის სტილის tags. და იმ სტილის tags წასვლა შიგნით ხელმძღვანელი tags თქვენს ვებ გვერდზე. ალბათ უფრო სასურველი გზა უნდა გააკეთოს, ეს არის დაწერა ცალკე .css ფაილი, და შემდეგ უკავშირებენ მას თქვენს დოკუმენტის გამოყენებით ბმული tags. ლინკები tags, კიდევ ერთხელ, არის განსხვავებული ბმულებს, თუ გახსოვთ, ჩვენი ვიდეო არის HTML. და ლინკი tags როგორ ჩვენ გაიყვანოს ცალკე ფაილი. ეს ერთგვარი მოსწონს ეკვივალენტს # include ვებ პროგრამირების. 

მოდით შევხედოთ table.HTML. თუ გავიხსენებთ ჩვენი HTML ვიდეო, ვაჩვენე მაგალითად, ძალიან მარტივი გამრავლება მაგიდა, რომელიც ჩანდა საკმაოდ მახინჯი, და იქნებ იქ ისე, რომ იგი უკეთესად CSS, რათა ის რეალურად გამოიყურება უფრო ჰგავს გამრავლება მაგიდა, ან რამე არ არის მხოლოდ დავრჩებოდით ერთად არ ფაქტობრივი გაყოფა შორის რიგები და სვეტები. მოდით უხელმძღვანელებს გადასცა CS50 IDE, და შევხედოთ თუ როგორ CSS შეიძლება, ერთგვარი, tweak რა ჩვენ დავიწყეთ ადრე, და ის, რომ რაღაც უკეთესი. 

ამიტომ ჩვენ CS50 IDE ახლა, და თუ უცნობ, ჩვენ დახევის up ამ მაგიდასთან რომ HTML გვერდი. Table.HTML ძირითადად უბრალოდ განსაზღვრავს შინაარსი ერთი multiple-- ეს უნდა იყოს ოთხი ოთხი გამრავლება მაგიდასთან. ეს საკმაოდ მარტივია. და ჩვენ ვფიქრობთ, რომ ეს იქნებოდა გამოიყურება საკმაოდ კარგად ორგანიზებული. მაგრამ ფაქტია, რომ როდესაც ჩვენ წინასწარ ამ გვერდზე, ჩვენ ვხედავთ, რომ ეს ერთგვარი მახინჯი, არა? ცხადია, ჩვენ გვაქვს რიგები და სვეტები აქ. არსებობს გარკვეული გამოყოფა. მაგრამ ეს არ არის მნიშვნელოვანი გამოყოფა. ჩვენ რეალურად არ მიღების ძალიან ბევრი ინფორმაცია აქ. და არ არსებობს გამიჯვნა რიგები და სვეტები თვალსაზრისით ჰორიზონტალური ან ვერტიკალური წესები. ჩვენ შეგვეძლო ალბათ, რომ ეს გამოიყურება ცოტა უკეთესი. მოდით ცდილობენ. ამიტომ, მე ვაპირებ დახურვა tab აქ. და მე ვაპირებ დახუროს ჩემი table.HTML, და მაქვს კიდევ ერთი ვერსია აქ მოუწოდა table2.HTML. ჩვენ გახსნა რომ. ორგანოს გვერდი საკმაოდ ბევრი იგივე, მაგრამ მე შეიცვალა ცოტა ზედა. და მე გადახვევა აქ. გაითვალისწინეთ, რომ ამ დროს, მე ვარ გამოყენებით ჩადგმული სტილი tags. მე გახსნა სტილი აქვს, და მე ახლა განსაზღვრის CSS სტილების უბრალოდ შიგნით იგი. მაქვს სტილების, რომელიც ამბობს, მაგიდა. ეს არის ჩემი tag selector. მე არ იყენებს dot ან hash, რომელიც მე უნდა აკეთებს, თუ მე იყო გამოყენებით ID ან კლასის selector. მაქვს tag არჩევის აქ მაგიდასთან. ეს სტილი აპირებს ვრცელდება ყოველ მაგიდაზე აქვს. როგორც ჩანს, მინდა, რომ ერთი პიქსელის ფართო, მყარი ლურჯი საზღვრის, შიგნით ჩემი მაგიდა. ეს ჟღერს, როგორც ეს, ალბათ, სიტუაციას, არა? ჩვენ ვაპირებთ, რომ რამ გამოიყურება უკეთესი. ასე რომ, ეს ჯარიმა. სტილისტურად, მე უბრალოდ ჩანერგილი ჩემი სტილების აქ. ეს, რა თქმა უნდა მისაღები გზა ამის გაკეთება. ვნახოთ რა ამ ჰგავს. ასე რომ, მე დაბრუნდეს ქვემოთ აქ, და მე იქნება წინასწარ ჩემი table2.HTML. ისე, რომ არ არის, რა მინდოდა, მაგრამ ეს არის ზუსტად ის, რაც ჩვენ სთხოვა. ჩვენ ვთქვით, რომ ეს სტილი აპირებს მიმართოს ჩვენს მაგიდასთან. ჩვენი მაგიდა ახლა ერთი pixel ფართო, მყარი ლურჯი საზღვრის გარშემო. ჩვენ რეალურად არ მიღების მაგიდასთან საკნები. ჩვენ უბრალოდ მიღების მაგიდასთან. ასე რომ, CSS მუშაობდა. ეს მიმართა სტილების ჩვენს მაგიდასთან. მაგრამ არ საკმაოდ ის, რაც ჩვენ გვინდოდა, რომ ეს უნდა გააკეთოს. როგორ შეგვიძლია ამის გაკეთება ის, რაც ჩვენ გვინდა, რომ ეს? 

ისე, მოდით შევხედოთ კიდევ ერთი მობილური ამ table3.HTML. ასე რომ, მე უბრალოდ აპირებს დახუროს ეს ჩანართი. მე ვაპირებ დაბრუნდეს მეტი აქ ჩემი ფაილის ხე, და გახსენით table3.HTML. ერთხელ, ის აპირებს გამოიყურებოდეს ლამაზი მსგავსი აქ დასაწყისში. მაგრამ შეამჩნია, ამ დროს, იმის მაგივრად, სტილების ჩართული უფლება არსებობს, მე ვაპირებ ბმულზე სტილების გამოყენებით რგოლი აქვს. ასე რომ, მე აშკარად აკავშირებს in a სტილების მოუწოდა tables.CSS, და ეს კარგად ტოლია სტილების უბრალოდ ნიშნავს, ასევე, რა არის ეს ფაილი შედარებით რა, მე ვარ აკეთებს არის სტილების, რომ მე ვარ გამოყენებით ჩემი გვერდი. ასე რომ, თუ ნამდვილად გვინდა, რომ ის, რაც მე ვაკეთებ ცენტრის აქ, მე უნდა წავიდეს ღია რომ table.CSS ფაილის, ასევე. ასე რომ, ჩვენ დაბრუნდეს მეტი აქ ისევ ჩვენი ფაილი ხე. არსებობს table.CSS. ჩვენ პოპ ის გახსნა. ახლა ჩვენ ვხედავთ ცოტა CSS. როგორც ჩანს, მე მაქვს რამდენიმე რამ ხდება აქ. მე აშკარად უნდა დააყენოს ხუთ პიქსელის ფართო, მყარი წითელი საზღვარი, ჩემს მაგიდასთან. ჩვენ უკვე ვიცით, რომ ის აპირებს უბრალოდ წასვლა პერიმეტრზე. ჩვენ ვნახეთ, რომ table2.HTML. ყოველი ზედიზედ, მე როგორც ჩანს, მინდა განსაზღვროს რომ ზედიზედ სიმაღლე 50 პიქსელი high. ასე რომ, ყოველ ზედიზედ, მახსოვს ის, რაც tr tag აკეთებს, მე რაც 50 პიქსელი high. 

და ბოლოს, მე მაქვს ეს კომენტარი. და ეს არის, თუ როგორ ჩვენ კომენტარები CSS. ეს ძალიან ჰგავს, რათა ხელში ჩაიგდოს ბლოკი კომენტარები სინტაქსი slash ვარსკვლავი. ყველა ტექსტი გსურთ. არ არსებობს ხაზი ხაზი, თუმცა CSS. მოკლე inline კომენტარი, ჩვენ გვაქვს გამოიყენოს ეს კონკრეტული ფორმატი აქ. როგორც ჩანს, მე ვაკეთებ ბევრი რამ ჩემი td tags. დამახსოვრება td tags, ან მაგიდასთან მონაცემები, რომლებიც ნამდვილად არის სვეტები შიგნით ჩვენი რიგები, და, როგორც ჩანს, თითოეული ნაჭერი მონაცემები ჩემი მაგიდა, მინდა მითითებული ფონის ფერი იყოს შავი, ფერი უნდა იყოს თეთრი, ფერი ტექსტის ფერი. ასე რომ, ეს იქნება ტექსტის ჩემს გვერდზე. მინდა დიდი შრიფტის, 22 მეტიც, შრიფტი, და მე მინდა, ეს უნდა იყოს, შრიფტის ოჯახის, საქართველო. ასე რომ, მე არ ვაპირებ ეგ შრიფტი. მე ვაპირებ დააკონკრეტა საქართველოში, რომელიც ერთ-ერთი იმ ვებ უსაფრთხო შრიფტები რომ ჩვენ ვნახეთ ადრე. მინდა, რომ ჩემი იყოს ტექსტის მიუერთდა ცენტრალიზებული, შუა ყუთი, მე არ მინდა, რომ ის უნდა დარჩეს იდეებს ან მარჯვენა მიუერთდა. და მე მინდა, რომ ჩემი სვეტის სიგანე 50 პიქსელი ფართო ისევე. მოდით შევხედოთ რა ამ ჰგავს, და თუ ეს შესაძლოა გაუმჯობესება. ამიტომ, მე ვაპირებ წასვლა table3.HTML, რომელიც გავიხსენოთ, მოიცავს table.CSS როგორც ბმული, და ჩვენ წინასწარ ის. სწორედ ბევრი უკეთესი, სწორი? ეს არის რეალურად იწყება გამოიყურებოდეს ბევრი უფრო ჰგავს გამრავლება მაგიდასთან. მაქვს, რომ წითელი საზღვრის ჩემს მაგიდასთან, მაგრამ ახლა მე ასევე მითითებულია, რომ სტრიქონებში 50 პიქსელი ფართო, ან ეს 50 პიქსელი tall-- საბაბი ჩემთვის ყოველი სვეტი 50 პიქსელი ფართო. მონაცემები სვეტში, და მხოლოდ მონაცემები, აქვს შავ ფონზე. ასე რომ, რატომ იმ თეთრი ხაზების არსებობს. იმის გამო, რომ სივრცე შორის ყველა იმ საკნებში, ეს არ არის საზღვრის და თავისთავად, ეს მხოლოდ მე მხოლოდ შევსების საკნები, რომელიც, ფაქტობრივად, ხდის საზღვრების მაგიდა, რომელიც როგორც ჩანს, არსებობს ყველა ერთად, იყო მხოლოდ თხელი თეთრი ხაზები. ახლა ისინი ჩანს. ახლა ისინი პოპ off ეკრანზე. ასე რომ, ეს არის ძალიან მარტივი სტილების, რომ მე გამოიყენება, და ახლა ჩემი მაგიდა გამოიყურება უფრო მოსწონს ოთხი ოთხი გამრავლება მაგიდა, ნაცვლად მხოლოდ სახელებს სასადილო, სადაც ყველაფერი ნათლად რიგები და სვეტები, მაგრამ არა სუპერ კარგად ორგანიზებული. ჩვენ რეალურად მხოლოდ scratching ზედაპირზე რა შეგიძლიათ გააკეთოთ CSS აქ. საბედნიეროდ, CSS დოკუმენტაცია არის საკმაოდ მარტივია. თქვენ გამოიყენოს მისი რამდენიმე ატრიბუტები, საკმაოდ ხშირად. პირობა ჩვენ ვისაუბრეთ ადრე ამ ვიდეო. არსებობს რამდენიმე, რომ თქვენ ალბათ, არ გამოიყენონ ყველა. და ეს ჯარიმა, ძალიან. მაგრამ ვიცი, რომ იქ ბევრი დოკუმენტაცია არსებობს. ასე რომ, თუ ჩვენ არ მოიცავს ყველაფერს, თქვენ რა თქმა უნდა არ დაუტოვებიათ თქვენი საკუთარი. მაგრამ CSS მართლაც fun ექსპერიმენტი. და მე მხარს ვუჭერ ითამაშოს გარშემო თქვენი ვებ გვერდები, და თუ როგორ შეიძლება, რათა მათ გამოიყურება და გრძნობს, რომ გაუმჯობესდეს შესახებ გამოცდილება გამოჩენის თქვენი გვერდი. მე Doug Lloyd. ეს არის CS50.