Რა არის CSS და სად არის გამოყენებული?

რა არის კასკადური სტილების?

საიტები შედგება რამდენიმე ინდივიდუალური ცალი, მათ შორის სურათები, ტექსტი და სხვადასხვა დოკუმენტები. ეს დოკუმენტები არა მხოლოდ მოიცავს პირობა, რომელიც შეიძლება უკავშირდებოდეს სხვადასხვა გვერდს, PDF ფაილების მსგავსად, არამედ იმ დოკუმენტებს, რომლებიც გამოიყენება გვერდების შესაქმნელად, ისევე როგორც HTML დოკუმენტები, რომლებიც განსაზღვრავენ გვერდზე და CSS- ს (Cascading Style Sheet) დოკუმენტებს უკარნახოს ნახვა სახე. ეს სტატია წაიკითხავს CSS- ში, რომელიც მოიცავს იმას, რაც არის და სადაც ის დღეს ვებ-გვერდზეა გამოყენებული.

CSS ისტორია გაკვეთილი

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

სტრუქტურისა და სტილის გამოყოფა HTML- ს საშუალებას აძლევს უფრო მეტი ფუნქცია შეასრულოს, რაც თავდაპირველად ეფუძნება კონტენტის მარკირებას, არ იშურებს გვერდის დიზაინსა და განლაგებას, რაც საყოველთაოდ ცნობილია როგორც "სახე და გრძნობს" გვერდი.

CSS არ მოიპოვებს პოპულარობას 2000 წლამდე, როდესაც ვებ-ბრაუზერები ამ მარკირებულ ენაზე არსებულ ძირითად შრიფტისა და ფერის ასპექტებზე უფრო მეტს იყენებდნენ. დღეს, ყველა თანამედროვე ბრაუზერი მხარს უჭერს ყველა CSS Level 1, უმრავლესობა CSS დონე 2, და კიდევ ყველაზე ასპექტები CSS დონე 3. როგორც CSS განაგრძობს განვითარებას და ახალი სტილის გაცნობა, ვებ ბრაუზერები დაიწყეს განახორციელონ მოდულები, რომ მოუტანს ახალი CSS მხარდაჭერა იმ ბრაუზერები და მისცეს ვებ დიზაინერების ძლიერი ახალი სტილის ინსტრუმენტები მუშაობა.

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

CSS არის აბრევიატურა

როგორც უკვე აღინიშნა, ტერმინი CSS დგას "კასკადური სტილი". მოდით დაარღვიოს ეს ფრაზა ცოტა უფრო სწორად, თუ რა ეს დოკუმენტები აკეთებენ ამას.

სიტყვა "სტილის ფურცელი" გულისხმობს დოკუმენტს (როგორც HTML, CSS ფაილი მართლაც მხოლოდ ტექსტური დოკუმენტებია, რომელთა რედაქტირება შეიძლება სხვადასხვა პროგრამებით). სტილის ფურცლები მრავალი წლის განმავლობაში დოკუმენტაციის დიზაინისთვის იქნა გამოყენებული. ისინი ტექნიკური მახასიათებლების განლაგებაა თუ არა ბეჭდური ან ონლაინ რეჟიმში. ბეჭდვის დიზაინერები დიდი ხანია იყენებენ სტილი ფურცლებს, რომ მათი დიზაინები ზუსტად იბეჭდება მათ სპეციფიკაციებზე. ვებ-გვერდის სტილის ფურცელი ემსახურება იმავე მიზანს, მაგრამ დამატებითი ფუნქციონირებით, ასევე ვებ-ბრაუზერის ვინაობის შესახებ, თუ როგორ უნდა გამოიყურებოდეს დოკუმენტი. დღეს, CSS სტილების ფურცლები ასევე შეგიძლიათ გამოიყენოთ მედიის შეკითხვებს, რათა შეიცვალოს გზა გვერდი სხვადასხვა მოწყობილობებისა და ეკრანის ზომისთვის . ეს ძალიან მნიშვნელოვანია, რადგან იგი საშუალებას აძლევს ერთი HTML დოკუმენტის გაწევას განსხვავებულად ეკრანზე იმისთვის, რომ გამოიყენოთ იგი.

კასკადი ნამდვილად ტერმინი "კასკადური სტილის ფურცლის" განსაკუთრებული ნაწილია. ვებ-სტილის ფურცელი განკუთვნილია კასკადის მეშვეობით მთელი რიგი სტილის მეშვეობით, რომელიც ფარავს მდინარის წყალს. წყლის მდინარეში ყველა ქანების ჩანჩქერი, მაგრამ მხოლოდ იმ ქვემოთ ბოლოში იმოქმედებს ზუსტად სადაც წყალი შემოვა. იგივეა, რაც ვებ-გვერდის სტილების კასკადს.

ყოველი ვებ გვერდი გავლენას ახდენს მინიმუმ ერთი სტილის ფურცელზე, თუნდაც ვებ დიზაინერი არ გამოიყენოს ნებისმიერი სტილის. ეს სტილის ფურცელი არის მომხმარებლის აგენტის სტილის ფურცელი - ასევე ცნობილია, როგორც სტანდარტული სტილები, რომ ვებ-ბრაუზერი გამოიყენებს გვერდს, თუ სხვა ინსტრუქციები არ არის გათვალისწინებული. მაგალითად, სტანდარტულ ჰიპერბმულებს ეყრება ლურჯი და ხაზგასმული არიან. ეს სტილის მოდის ვებ ბრაუზერის მიერ ნაგულისხმევი სტილის ფურცელი. იმ შემთხვევაში, თუ ვებ დიზაინერი სხვა ინსტრუქციებს აწვდის, ბრაუზერი უნდა იცოდეს, თუ რომელი ინსტრუქციები აქვს უპირატესობას. ყველა ბრაუზერს აქვს საკუთარი სტანდარტული სტილის, მაგრამ ბევრი იმ დეფოლტის (როგორც ლურჯი ხაზოვანი ტექსტური ბმულები) იზიარებენ მასშტაბით ყველა ან ყველაზე მნიშვნელოვანი ბრაუზერები და ვერსიები.

ჩემი ბრაუზერის სხვა მაგალითისთვის, ბრაუზერის ნაგულისხმები შრიფტი არის " Times New Roman ", რომელიც ნაჩვენებია ზომა 16. თითქმის არც ერთ გვერდს არ ვუყურებ ამ შრიფტის ოჯახში და ზომას. ეს იმიტომ, რომ კასკადი განსაზღვრავს, რომ მეორე სტილის ფურცლები, რომლებიც დიზაინერების მიერ არის დადგენილი , შრიფტის ზომა და ოჯახი განისაზღვროს, ჩემი ვებ-ბრაუზერის დეფოლტის გამორთვა. ვებ-გვერდისთვის შექმნილ ნებისმიერ სტილის ფურცელს უფრო კონკრეტული ხასიათი ექნება, ვიდრე ბრაუზერის ნაგულისხმევი სტილები, ამიტომ იმ დეფოლტის გამოყენება მხოლოდ იმ შემთხვევაში გამოიყენება, თუ თქვენი სტილის ფურცელი არ გადააყენებს მათ. თუ გსურთ ბმულები იყოს ლურჯი და ხაზგასმული, თქვენ არ გჭირდებათ არაფერი, რადგან ეს არის ნაგულისხმევი, მაგრამ თუ თქვენი საიტის CSS ფაილი ამბობს, რომ ბმულები უნდა იყოს მწვანე, რომ ფერი იქნება override default blue. ხაზგასმა დარჩება ამ მაგალითში, რადგან სხვაგვარად არ დააკონკრეტებ.

სად არის CSS გამოყენებული?

CSS ასევე შეიძლება გამოყენებულ იქნას იმის განსაზღვრა, თუ როგორ უნდა გამოიყურებოდეს ვებ-გვერდები, თუ იხილავთ სხვა მედიაში, ვიდრე ბრაუზერში. მაგალითად, შეგიძლიათ შექმნათ ბეჭდვითი სტილის ფურცელი, რომელიც განსაზღვრავს თუ როგორ უნდა მოხდეს ვებ-გვერდი. იმის გამო, რომ ვებ გვერდი ელემენტი, როგორიცაა ნავიგაცია ღილაკები ან ვებ ფორმები არ ექნება მიზანი ბეჭდვითი გვერდი, ბეჭდვის სტილი ფურცელი შეიძლება გამოყენებულ იქნას "გამორთვა" იმ ადგილებში, როდესაც გვერდი დაბეჭდილი. მიუხედავად იმისა, რომ არ არის მართლაც საერთო პრაქტიკა ბევრ საიტებზე, ბეჭდვითი სტილების შექმნა ძლიერია და მიმზიდველია (ჩემი გამოცდილება - ვებ-პროფესიონალების უმრავლესობა ამის გაკეთებას არ ნიშნავს, რადგან ბიუჯეტის საიტის არეალი ამ დამატებითი სამუშაოების გაკეთებას არ ითხოვს ).

რატომ არის CSS მნიშვნელოვანი?

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

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

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

ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია Jeremy Girard on 7/5/17,