HTML და CSS სპეციფიკაციები. HTML და CSS სამუშაო ვერსიები
მოდით ვისაუბროთ დღეს თქვენს მყარ დისკზე ჯუმპერებზე. უფრო ზუსტად, ვისაუბრებთ იმაზე, თუ რა გავლენას ახდენს ეს ჯემპრები.
საიდუმლო არ არის, რომ მყარ დისკებს აქვთ პატარა ჯუმპერი, რომელიც მდებარეობს დამაკავშირებელი კაბელის მახლობლად. რა გავლენას ახდენს ეს ჯემპერი და რა პოზიციაზეა მისი დაყენება? თავიდანვე უნდა დაჯავშნოთ, რომ სტატია არ იქნება სრული ამ თემაზე. რამდენიმე ჯიშია მყარი დისკები, თან სხვადასხვა გზებიკავშირები და სხვადასხვა ფორმის ფაქტორები, რომლებშიც მხტუნავები განსხვავებულია და საერთოდ არ არის. დღეს ვისაუბრებთ ძველ მყარ დისკებზე და IDE კავშირის ვარიანტებზე.
მყარ დისკზე ჯუმპერი საჭიროა რამდენიმე მყარი დისკის სწორი გაშვების ორგანიზებისთვის. წარმოიდგინეთ სიტუაცია, როდესაც თქვენს სისტემაში ორი მყარი დისკი გაქვთ დაინსტალირებული. აუცილებელია დადგინდეს, რომელი მათგანია მთავარი, საიდანაც უნდა დაიწყოს ოპერაციული სისტემა, და რომელიც არის მეორადი - ჩატვირთულია როგორც დამატებითი ადგილი დისკზე.
ჯუმპერის დაყენების ორი ძირითადი რეჟიმი არსებობს. პირველს ოსტატი ჰქვია, მეორეს კი მონა. ასევე არის ამ ორისგან ოდნავ განსხვავებულები, მაგრამ სტატიას არ გავაფუჭებთ, ყურადღებას მივაქცევთ მხოლოდ ამ საკითხის საფუძვლებს.
Master რეჟიმში, თქვენ უნდა მოათავსოთ ჯუმპერი მთავარზე HDD, საიდანაც ჩაიტვირთება ოპერაციული სისტემა. Slave რეჟიმში დააინსტალირეთ მეორადი მყარი დისკი. სისტემა კითხულობს ამ ინფორმაციას ჩატვირთვისას და აგზავნის სიგნალს შემდგომში, ასე რომ, საბოლოო ჯამში, თქვენ დატვირთეთ საჭირო მყარი დისკი, როგორც მთავარი და მეორე რთულიდისკი, როგორც მეორადი.
რომელ რეჟიმს შეესაბამება, თქვენ უნდა დაათვალიეროთ სტიკერი, რომელიც მდებარეობს ჯემპერის მახლობლად. როგორც წესი, მწარმოებელი მიუთითებს აუცილებელი დებულებებიმხტუნავები.
თავად ჯუმპერი არის პატარა ჩიპი, რომლის დაყენებით სწორად ხურავთ თქვენი მყარი დისკის კონტაქტებს. თქვენი მყარი დისკების გაშვების თანმიმდევრობა დამოკიდებული იქნება იმაზე, თუ როგორ დახურავთ ამ კონტაქტებს.
არ დაგავიწყდეთ, რომ თქვენი მოწყობილობების გაშვების თანმიმდევრობა, იქნება ეს მყარი დისკი თუ დისკი, ასევე უნდა იყოს კონფიგურირებული თქვენს BIOS-ში დედაპლატა. დაყენების ვარიანტი უფრო შეშფოთებულია მუდმივი გამოყენებაორი ან მეტი მყარი დისკი. თუ ინფორმაციის კოპირებისთვის საჭიროა მეორე მყარი დისკის ერთჯერად დაყენება, უბრალოდ ჯუმპერებთან თამაში გჭირდებათ.
როდესაც კომპიუტერი ჩაიტვირთება, დააჭირეთ ღილაკს Delete ან F2 და გადადით BIOS განყოფილებამოუწოდა Boot. იქ მოათავსეთ ყველა მოწყობილობა თქვენთვის საჭირო თანმიმდევრობით.
მაგალითად, პირველი არის მყარი დისკი, რომელზეც დაყენებულია ოპერაციული სისტემა, მეორე არის მეორადი მყარი დისკი და მესამე არის დისკი.
1 ჩატვირთვის მოწყობილობა - პირველი ჩატვირთვის მოწყობილობა[xxx Drive] - ამ სტრიქონში მითითებული მოწყობილობა იქნება პირველი, საიდანაც BIOS შეეცდება ოპერაციული სისტემის ჩატვირთვას.
2nd Boot Device - მეორე ჩატვირთვის მოწყობილობა [xxx Drive] - ამ სტრიქონში მითითებული მოწყობილობა იქნება მეორე, საიდანაც BIOS შეეცდება ოპერაციული სისტემის ჩატვირთვას.
3rd Boot Device - მესამე ჩატვირთვის მოწყობილობა [xxx Drive].
თუ თქვენ აყენებთ ახალ ოპერაციულ სისტემას ვინდოუსის სისტემები, მაშინ ჯერ უნდა დააყენოთ დისკი, რათა Windows ინსტალერი ჩაიტვირთოს.
ასე რომ, დღეს ჩვენ ვისწავლეთ რაღაც ჯუმპერები და მოწყობილობების ჩატვირთვის თანმიმდევრობა. თუ სტატია თქვენთვის სასარგებლო იყო, ისევ მობრძანდით. ყოველივე ამის შემდეგ, ჩვენი სტატიების მონაცემთა ბაზა ყოველდღიურად განახლდება!
განვითარება მარტივი მაგიდებისტილის გაკეთება საკმაოდ მარტივი ამოცანაა. დეველოპერს უნდა ჰქონდეს საბაზისო ცოდნა HTML და ბეჭდვის ტერმინოლოგიაში. მაგალითად, „H1“ ელემენტების ფერის ლურჯის განსაზღვრისთვის საკმარისია ვთქვათ: H1 ( ფერი: ლურჯი ) მოყვანილი მაგალითი მარტივია. CSS წესი. წესი შედგება ორი ძირითადი ნაწილისაგან: სელექტორი ("H1") და განმარტება ("ფერი: ლურჯი"). განმარტება, თავის მხრივ, ასევე შედგება ორი ნაწილისაგან: თვისება („ფერი“) და მნიშვნელობა („ლურჯი“). მიუხედავად იმისა, რომ ზემოთ მოყვანილი მაგალითი ცდილობს გავლენა მოახდინოს მხოლოდ ერთ თვისებაზე, რომელიც საჭიროა HTML-ის აგებადოკუმენტი, ეს უკვე სტილის ფურცელია. კომბინირებული სხვა სტილის ფურცლებთან (ერთი ფუნდამენტური თვისებები CSS არის სტილის ფურცლების კომბინაცია) ის განსაზღვრავს მთელი დოკუმენტის საბოლოო იერსახეს. ამომრჩეველი არის ურთიერთობა HTML დოკუმენტსა და სტილის ფურცელს შორის. სრული კომპლექტიელემენტის ტიპები შეიცავს ყველა შესაძლო სელექტორს. ელემენტების ტიპები განსაზღვრულია HTML სპეციფიკაციაში "ფერი" თვისება არის დაახლოებით 50 თვისებიდან, რომლებიც განსაზღვრავს HTML დოკუმენტის გარეგნობას. თვისებების სია და მათი შესაძლო მნიშვნელობები განსაზღვრულია ამ სპეციფიკაციაში. თითოეულ UA-ს უნდა ჰქონდეს ნაგულისხმევი სტილის ფურცელი, რომელიც წარმოადგენს დოკუმენტებს მისაღები, მაგრამ შეიძლება იყოს საკმარისი მარტივი ფორმით. დანართი A გთავაზობთ HTML დოკუმენტების პრეზენტაციის ნიმუშს, როგორც შემოთავაზებულია HTML 2.0 სპეციფიკაციაში. CSS1 ენის ფორმალური გრამატიკა განისაზღვრება დანართ B-ში.
1.1 HTML-ში ჩართვა
იმისათვის, რომ სტილის ცხრილმა გავლენა მოახდინოს დოკუმენტის გარეგნობაზე, UA-მ უნდა იცოდეს მისი არსებობა. HTML სპეციფიკაცია განსაზღვრავს HTML-ში სტილის ფურცლების ჩართვის გზებს. Ამიტომაც ამ განყოფილებასარის ინფორმაციული და არა ნორმატიული:სათაური ლურჯია
მიუხედავად იმისა, რომ აბზაცი მწვანეა. ეს მაგალითიაჩვენებს სტილის HTML-თან კომბინირების ოთხ გზას: "LINK" ელემენტის გამოყენება გარე სტილის ფურცელთან დასაკავშირებლად, "STYLE" ელემენტის გამოყენება "HEAD" ელემენტში, სტილის ფურცლის იმპორტი CSS "@import" ნოტაციის გამოყენებით და "STYLE" ატრიბუტის გამოყენებით ელემენტზე "BODY" განყოფილების შიგნით. ბოლო მეთოდიურევს სტილს შინაარსს და ამიტომ კარგავს შესაბამისი ღირსებებიტრადიციული სტილის ფურცლები "LINK" უკავშირდება ალტერნატიულ სტილს, რომელიც მკითხველს შეუძლია, ხოლო იმპორტირებული სტილის ფურცლები ავტომატურად ერწყმის დანარჩენ სტილებს. შედეგად, ძველი UA-ები უგულებელყოფენ "STYLE" ელემენტს, მაგრამ მისი შიგთავსი განიხილება დოკუმენტის სხეულის ნაწილად და ნაჩვენები იქნება დოკუმენტში. გარდამავალი პერიოდის განმავლობაში, "STYLE" ელემენტის შინაარსი შეიძლება "დამალული" იყოს SGML კომენტარების გამოყენებით:
იმის გამო, რომ "STYLE" ელემენტი განსაზღვრულია როგორც "CDATA" DTD-ში, SGML ინტერპრეტატორები არ განიხილავენ სტილის ფურცელს, როგორც კომენტარს, რომელიც უნდა წაიშალოს.
1.2 დაჯგუფება
სტილის ფურცლის ზომის შესამცირებლად, შეგიძლიათ ამომრჩეველები დაჯგუფოთ მძიმით გამოყოფილ სიებში: H1, H2, H3 (შრიფტი-ოჯახი: helvetica)განმარტებები შეიძლება დაჯგუფდეს იმავე გზით:
H1 ( შრიფტის წონა: თამამი; შრიფტის ზომა: 12 pt; ხაზის სიმაღლე: 14 pt; შრიფტის ოჯახი: helvetica; შრიფტის-ვარიანტი: ნორმალური; შრიფტის სტილი: ნორმალური; ) გარდა ამისა, ზოგიერთ თვისებას აქვს საკუთარი დაჯგუფება სინტაქსი: H1 (შრიფტი: თამამი 12pt/14pt helvetica)
რომელიც წინა მაგალითის ტოლფასია.
1.3 მემკვიდრეობა
პირველ მაგალითში, "H1" ელემენტების ფერი დაყენებული იყო ლურჯი. წარმოიდგინეთ, რომ არსებობს "H1" ელემენტი ელემენტთან ერთად შიგნით:
სათაური არისმნიშვნელოვანი!
თუ "EM" ელემენტისთვის არ არის განსაზღვრული ფერი, მაშინ ემულირებული "is" მიიღებს მშობელი ელემენტის ფერს, ე.ი. ის ასევე ლურჯად იქნება ნაჩვენები. სხვა სტილის თვისებები ასევე მემკვიდრეობით მიიღება, როგორიცაა "font-family" და "font-size" დოკუმენტისთვის ნაგულისხმევი სტილის თვისების დასადგენად, შეგიძლიათ დააყენოთ ეს თვისება იმ ელემენტზე, საიდანაც ყველა სხვა ხილული ელემენტი იღებს მემკვიდრეობას. IN HTML დოკუმენტები"BODY" ელემენტი ასრულებს ამ ფუნქციას: BODY (ფერი: შავი; ფონი: url(texture.gif) თეთრი; ) ეს მაგალითი იმუშავებს მაშინაც კი, თუ ავტორმა გამოტოვა "BODY" ტეგი (რაც ლეგალურია), რადგან ბრაუზერი ჩასვამს დაკარგული ტეგი. წინა მაგალითი აყენებს ტექსტის ფერს შავზე, ხოლო ფონი სურათს შეიცავს. ფონი თეთრი იქნება, თუ სურათი არ არის ხელმისაწვდომი. (დაწვრილებით იხილეთ თავი 5.3) ზოგიერთი სტილის თვისება არ არის მემკვიდრეობით მიღებული მშობელი ელემენტებიდან ბავშვის ელემენტებით. უმეტეს შემთხვევაში, ინტუიციურად ნათელია, რომელ შემთხვევებში წარმოიქმნება ასეთი სიტუაცია. მაგალითად, "ფონური" თვისება არ არის მემკვიდრეობით მიღებული, მაგრამ ძირითადი ელემენტის ფონი გამოჩნდება ნაგულისხმევად.ხშირად ქონების ღირებულება მითითებულია სხვა ქონების პროცენტულად:
P ( font-size: 10pt ) P (line-height: 120%) /* „font-size“-სთან შედარებით, ე.ი. 12pt */ ნებისმიერი საკუთრებისთვის, რომლის მნიშვნელობებიც შეიძლება განისაზღვროს პროცენტებში, განსაზღვრულია ის თვისება, რომელსაც იგი ეხება. საბავშვო ელემენტები"P" მემკვიდრეობით მიიღებს გამოთვლილ "ხაზის სიმაღლე" (12pt) მნიშვნელობას და არა პროცენტს.
1.4 კლასი, როგორც სელექტორი
ელემენტების კონტროლის მოქნილობის გასაზრდელად, დამატებულია HTML ახალი ატრიბუტი"ᲙᲚᲐᲡᲘ". ყველა ელემენტი "BODY" ელემენტში შეიძლება კლასიფიცირებული იყოს და კლასის მითითება შესაძლებელია სტილის ფურცლის მეშვეობით:ძალიან მწვანე
ნორმალური მემკვიდრეობის წესები ვრცელდება კლასიფიცირებულ ელემენტებზე, ისინი მემკვიდრეობით იღებენ თავიანთი მშობლების მნიშვნელობებს დოკუმენტის სტრუქტურაში. თქვენ შეგიძლიათ მიმართოთ იმავე კლასის ყველა ელემენტს სელექტორში ტეგის სახელის გამოტოვებით: ელემენტები CLASS პასტორალით */ თითოეული სელექტორისთვის შეგიძლიათ განსაზღვროთ მხოლოდ ერთი კლასი. ამრიგად, "P.pastoral.marine" არის არასწორი სელექტორი CSS1-ში. (ქვემოთ აღწერილი კონტექსტური სელექტორები, შეუძლიათ განსაზღვრონ ერთი კლასი ერთი მარტივი სელექტორისთვის.) CSS უზრუნველყოფს იმდენად მოქნილობას CLASS ატრიბუტის გამოყენებაში, რომ ხშირ შემთხვევაში არ აქვს მნიშვნელობა, რომელ HTML ელემენტზეა კლასი დაყენებული - შეგიძლიათ გააკეთოთ ნებისმიერი ელემენტი მიბაძავს ნებისმიერ სხვა ელემენტს. მაგრამ არ არის რეკომენდებული ამ შესაძლებლობაზე დაყრდნობა, რადგან... ეს ართმევს სტრუქტურის დოკუმენტს, რომელსაც აქვს უნივერსალური მნიშვნელობა (HTML ელემენტები). კლასზე დაფუძნებულ სტრუქტურას აქვს ვიწრო გამოყენება მხოლოდ იმ შემთხვევებში, როდესაც კლასების მნიშვნელობა შეთანხმებულია ორივე მხრიდან.1.5 ID როგორც სელექტორი
HTML ასევე განსაზღვრავს "ID" ატრიბუტს, რომელიც გარანტირებულია უნიკალური ღირებულებადოკუმენტში. ამრიგად, მას აქვს განსაკუთრებული მნიშვნელობა, როგორც სტილის ფურცლის ამომრჩევი და შეიძლება მიმართოთ "#": #z98y (ასოების ინტერვალი: 0.3em) H1#z98y (ასოების ინტერვალი: 0.5em)ფართო ტექსტი
ზემოთ მოყვანილ მაგალითში, პირველი სელექტორი ემთხვევა "P" ელემენტს "ID" ატრიბუტის გამო. მეორე სელექტორი განსაზღვრავს ელემენტის ტიპს ("H1") და ID მნიშვნელობას და, შესაბამისად, არ ემთხვევა "P" ელემენტს, როგორც ამომრჩეველი, შეგიძლიათ დააყენოთ თვისებები ელემენტის მიხედვით. მიუხედავად იმისა, რომ სტილის ფურცლები შექმნილია დოკუმენტის სტრუქტურის ვიზუალიზაციისთვის, ეს თვისება ავტორებს საშუალებას აძლევს შექმნან დოკუმენტები, რომლებიც სწორად არის ნაჩვენები ტილოზე, სტრუქტურის გამოყენების გარეშე. HTML ელემენტები. სტილის ფურცლების ეს გამოყენება დაუშვებელია.1.6 კონტექსტის სელექტორები
მემკვიდრეობა მნიშვნელოვნად ამცირებს ბეჭდვის რაოდენობას CSS ტექსტიდიზაინერები. ყველა სტილის თვისების მითითების ნაცვლად, შეგიძლიათ დააყენოთ ნაგულისხმევი მნიშვნელობები და შემდეგ მიუთითოთ გამონაკლისები. იმისათვის, რომ "EM" ელემენტებს "H1"-ში განსხვავებული ტექსტი ჰქონდეს, შეგიძლიათ მიუთითოთ: H1 (ფერი: ლურჯი) EM (ფერი: წითელი) როდის ამ მაგიდასგამოყენებული იქნება სტილები, ყველა ტექსტი "EM" შიგნით, როგორც შიგნით, ისე გარეთ "H1" გახდება წითელი. ცხადია, მინდოდა წითლად გამხდარიყო მხოლოდ „EM“-ის ის ელემენტები, რომლებიც „H1“-შია ჩასმული. ამის მიღწევა შესაძლებელია მითითებით: H1 EM ( ფერი: წითელი ) ამ შემთხვევაში, სელექტორი არის სტეკის საძიებო ნიღაბი ღია ელემენტებიდა ასეთ სელექტორს ეწოდება კონტექსტის სელექტორი. კონტექსტური სელექტორები შედგება მარტივი სელექტორებისგან, რომლებიც გამოყოფილია ინტერვალით (აქამდე აღწერილი ყველა სელექტორი იყო მარტივი სელექტორი). აღწერილი წესები ვრცელდება მხოლოდ იმ ელემენტზე, რომელიც ემთხვევა ბოლო მარტივ სელექტორს (ში ამ შემთხვევაშიელემენტი "EM") და მხოლოდ იმ შემთხვევაში, თუ ძიების შედეგი დადებითია. CSS1-ში კონტექსტური სელექტორები აღწერენ მხოლოდ მემკვიდრეობით კავშირებს, ხოლო შემდგომ ვერსიებს შეუძლიათ აღწერონ სხვა ტიპის ურთიერთობები. UL LI ( შრიფტის ზომა: პატარა ) UL UL LI ( შრიფტის ზომა: x-small ) ამ შემთხვევაში, პირველი სელექტორი ემთხვევა "LI" ელემენტებს მინიმუმ ერთ "UL" წინაპარში. მეორე სელექტორი ემთხვევა პირველის ქვეჯგუფს, ე.ი. "LI" ელემენტები მინიმუმ ორი "UL" წინაპრით. კონფლიქტი წყდება მეორე სელექტორის უფრო დაზუსტებით უფრო გრძელი საძიებო ნიღბის გამო. იხილეთ კასკადური თანმიმდევრობა (ნაწილი 3.2) დამატებითი ინფორმაციისთვის კონტექსტური სელექტორები შეიძლება შეიცავდეს ელემენტის ტიპს, CLASS ატრიბუტებს, ID ატრიბუტებს ან მათ კომბინაციას: DIV P ( font: small sans-serif ) .მოწითალო H1 ( ფერი: წითელი ) #x78y. CODE (ფონი: ლურჯი) DIV.sidenote H1 (შრიფტის ზომა: დიდი) პირველი სელექტორი ემთხვევა "P" ელემენტებს, რომლებსაც აქვთ "DIV" მათ წინაპრებს შორის. მეორე სელექტორი ემთხვევა ყველა "H1" ელემენტს, რომელსაც აქვს კლასის წინაპარი "მოწითალო". მესამე ამომრჩეველი ემთხვევა ყველა "CODE" ელემენტს, რომელიც არის ელემენტის შთამომავალი "ID=x78y". მეოთხე სელექტორი ემთხვევა ყველა "H1" ელემენტს, რომელსაც აქვს "DIV" წინაპარი კლასის "sidenote".შეგიძლიათ დააჯგუფოთ მრავალი კონტექსტური ამომრჩეველი:
H1 B, H2 B, H1 EM, H2 EM (ფერი: წითელი)
რომელიც ექვივალენტურია:
H1 B (ფერი: წითელი) H2 B (ფერი: წითელი) H1 EM (ფერი: წითელი) H2 EM (ფერი: წითელი)
1.7 კომენტარი
სტილის ფურცლებში ტექსტის კომენტარები დაფორმატებულია ისევე, როგორც C ენაში: EM (ფერი: წითელი) /* წითელი, ნამდვილად წითელი!! */ კომენტარების ჩადგმა შეუძლებელია. CSS1 დამმუშავებლისთვის კომენტარი ინტერვალის ტოლფასია.სანამ მასალის პრეზენტაციას გადავიდოდე, მინდა ორიოდე სიტყვა ვთქვა იმის შესახებ, თუ რა არის ეს CSS 3და რით განსხვავდება ის CSS-ისგან, რომელიც ადრე შევისწავლეთ? ფაქტია, რომ CSS-ს, ისევე როგორც HTML-ს, აქვს საკუთარი ტექნიკური დოკუმენტაცია, გარკვეული სტანდარტები, რომლითაც ვებმასტერებმა უნდა განავითარონ თავიანთი ვებ დოკუმენტები, ხოლო ბრაუზერის დეველოპერებმა უნდა დაწერონ თავიანთი პროგრამები, და მიუხედავად იმისა, რომ ეს დოკუმენტაცია წმინდა საკონსულტაციო ხასიათისაა, მაინც უკეთესია დაიცვან იგი, რათა სხვადასხვა ბრაუზერებიდა მოწყობილობებმა შეძლეს თქვენი საიტის სწორად ჩვენება.
ასე რომ, აქ არის სხვადასხვა ვერსიებიამ დოკუმენტაციას ეწოდება სპეციფიკაციები და ამ მომენტამდე ჩვენ ვსწავლობდით CSS-ს CSS 2.1 სპეციფიკაციის მიხედვით - აქ არის ბმული ოფიციალური ვერსიაეს დოკუმენტი.. ახლა ჩვენ შევისწავლით ახალ CSS 3 სპეციფიკაციას - რომელსაც აქვს არაერთი საინტერესო თვისება, რომელიც არ იყო შეტანილი სპეციფიკაციის წინა ვერსიაში. და დაუყოვნებლივ უნდა აღინიშნოს, რომ ქ ამ მომენტშიოფიციალურად, CSS 3 სპეციფიკაცია ჯერ კიდევ დამუშავების პროცესშია - ანუ ეს დოკუმენტი ჯერ არ არის დამტკიცებული და ჯერჯერობით აქვს მხოლოდ საპროექტო ვერსია, თუმცა, ამის მიუხედავად, CSS 3 უკვე ფართოდ გამოიყენება ვებმასტერების მიერ და მხარდაჭერილია თანამედროვე ბრაუზერების მიერ.
რატომ იბადება საერთოდ ახალი სპეციფიკაციები?
დიახ, მარტივია.. სამყარო არ დგას, ყველაფერი იცვლება, ჩნდება ახალი ტექნოლოგიები და ტენდენციები.. და რა თქმა უნდა, მოდის ტენდენციები კარნახობს ვებმასტერებს სულ უფრო და უფრო ახალ მოთხოვნებს იმ საიტების დიზაინისთვის, რომლებსაც ისინი ავითარებენ.. ასე რომ დროთა განმავლობაში ვებმასტერებს აღარ აქვთ საკმარისი ინსტრუმენტები, რაც ხელში აქვთ და იძულებულნი არიან გამოიყენონ ხრიკები, გამოიგონონ არასტანდარტული გადაწყვეტილებები, გადაიტანეთ რამდენიმე დავალება სკრიპტებზე ან Photoshop-ზე. მაგალითად, მოდური გახდა ვებსაიტების ბლოკების კუთხეების დამრგვალება და მარტივი ინსტრუმენტი- თვისებები: საზღვრის რადიუსი არ იყო CSS 2.1 სპეციფიკაციაში... ასე რომ, ამ ერთი შეხედვით წვრილმანის გულისთვის, იძულებული გავხდით, გაგვეკეთებინა არასაჭირო "სხეულის მოძრაობები" - შეხედე, გარეთ ცნობისმოყვარეობაა, გამართლებულია ამ გაკვეთილზე ასეთი გაბერილი კოდი? ამიტომ ადამიანებმა გადაწყვიტეს გაემარტივებინათ ყველაფერი საზღვრის რადიუსის თვისების გამოგონებით, რომელიც აკრავს კუთხეებს ბლოკის ელემენტები. ასე რომ, ეს არის რეალურად სადაც ხდება CSS-ის ევოლუცია და ვფიქრობ, რომ ფართოდ არის გავრცელებული ახალი მოდამაგალითად, ბლოკების ჩაზნექილი ან ალმასის ფორმის კუთხეებისთვის, ასე რომ, მომავალში, რაიმე შემდგომ სპეციფიკაციაში, გამოჩნდება შესაბამისი თვისებები.
რის საშუალებას გაძლევთ CSS 3?
გარდა იმისა, რომ CSS 3 სპეციფიკაციას შეუძლია კუთხეების დამრგვალება, ის საშუალებას გაძლევთ გააკეთოთ მრავალი სხვა რამ: შექმნათ გრადიენტები, ჩრდილები, ანიმაცია ვებსაიტების გვერდებზე, დააყენეთ გარკვეული ელემენტების გამჭვირვალობის ხარისხი და ასევე მნიშვნელოვნად აფართოებს კომპლექტს. ინსტრუმენტების ფონზე, ფერებთან, ტექსტთან მუშაობისას - ზოგადად, ამ სახელმძღვანელოში ბევრი სალაპარაკო გვექნება!
რომელ ბრაუზერებს უჭერს მხარს CSS 3?
ახალი CSS 3-ში შესული თვისებების უმეტესობა მხარს უჭერს ყველას თანამედროვე ბრაუზერები: IE9+, Opera 10+, Firefox 3.6+, Chrome 12+, Safari 5+რა თქმა უნდა, არის რამდენიმე ნიუანსი, რომლებზეც თითოეულ კონკრეტულ შემთხვევაში ცალ-ცალკე ვისაუბრებთ, მაგრამ ზოგადად ყველაფერი გამართულად მუშაობს.
P.S. ამ ტუტორიალში ვისაუბრებთ მხოლოდ CSS 3-ის ახალ თვისებებზე, რომლებიც არ შედის CSS 2.1-ის სპეციფიკაში, თუმცა, უნდა გესმოდეთ, რომ CSS 3, ახალი თვისებების გარდა, ასევე შეიცავს ყველაფერს, რასაც შეიცავს CSS 2.1, ასე რომ, თუ თქვენ პირველად ხართ აქ და სწავლობთ CSS-ს „ნულიდან“, მაშინ გირჩევთ დაიწყოთ სწავლა განყოფილებიდან.
HTML და CSS სპეციფიკაციები- ეს არის წესებისა და რეკომენდაციების ნაკრები ვებ დეველოპერებისთვის და მწარმოებლებისთვის ამ ვებ დოკუმენტების ენების სინტაქსისა და ინტერპრეტაციის შესახებ. ეს აუცილებელია იმისათვის, რომ ბრაუზერები სხვადასხვა მწარმოებლებიაჩვენა HTML გვერდები არა მხოლოდ იმავე გზით, არამედ ავტორის განზრახვით. კონსორციუმი ამუშავებს ამ წესებს მსოფლიო ქსელში(W3C), რომელსაც ხელმძღვანელობს ტიმ ბერნერს-ლი - ინტერნეტის, HTML, URL და მრავალი სხვა განვითარების შემქმნელი.
უახლესი მიმდინარე HTML სპეციფიკაცია W3C-დან (ინგლისურად).
უახლესი მიმდინარე CSS სპეციფიკაცია W3C-დან (ინგლისურად).
HTML და CSS სამუშაო ვერსიები
მუშები HTML ვერსიებიდა CSS- ეს არის ვერსიები, რომლებიც ამჟამად არ არის დასრულებული და არ არის საბოლოოდ დამტკიცებული. ისინი მუდმივად განიცდიან ცვლილებებს და დამატებებს არსებულ მასალებში: სხვადასხვა ტეგები, ატრიბუტები, CSS თვისებებიდა ა.შ. ამიტომ, თქვენ შეგიძლიათ გამოიყენოთ მათი მონაცემები ვებსაიტის შექმნისას მხოლოდ თქვენი საფრთხის და რისკის ქვეშ, რადგან ფაქტი არ არის, რომ გარკვეული პერიოდის შემდეგ თქვენი ვებსაიტის გვერდები არ შეწყვეტენ ბრაუზერებში ჩვენებას ისე, როგორც თქვენ დაგეგმეთ, მიუხედავად იმისა, რომ ბევრი მათგან უკვე ნაწილობრივ მხარდაჭერილია მონაცემები სამუშაო ვერსიებიდან.
HTML 5-ის სამუშაო ვერსია W3C-დან, რომელმაც შემოიტანა ახალი ტეგები, ატრიბუტები და ფუნქციები. დიდი აქცენტი გაკეთებულია კოდის სემანტიკაზე, გააცნო API მხარდაჭერა(ინტერფეისი აპლიკაციის პროგრამირება), რომლის წყალობით, მაგალითად, შეგიძლიათ ვიდეოს ჩასმა ვებსაიტში დანამატების გამოყენების გარეშე. ექსტერიერის დიზაინი HTML გვერდები მთლიანად გადადის ქვეშ CSS მენეჯმენტი. განსხვავებით წინა ვერსია HTML, ამ ვერსიასარ ექნება დაყოფა სუბვერსიებად - მხოლოდ მკაცრი სინტაქსი. მაგრამ ამავე დროს მას ექნება უკან თავსებადი, ანუ HTML 4.01-დან HTML 5-ზე გადასასვლელად საკმარისი იქნება უბრალოდ შეცვლა გვერდის კოდის პირველ სტრიქონში.
სამუშაო CSS ვერსია W3C-დან 3, გამოჩნდა მრავალი ახალი თვისება, განსხვავებული მნიშვნელობა და, შესაბამისად, შესაძლებლობები. ბევრი რამ, რაც ადრე კეთდებოდა სურათებით და ინსტრუმენტებით, როგორიცაა JavaScript, ახლა შეიძლება გაკეთდეს მხოლოდ CSS-ით. მაგალითად, ანიმაცია, ჩრდილების შექმნა, ელემენტების კუთხეების დამრგვალება. თუმცა, CSS 3 ასევე თავსებადია CSS 2.1-თან