Როგორ უნდა ავაშენოთ გარე სტილი ფურცელი

გარე სტილი ცხრილების უპირატესობები და უარყოფითი მხარეები

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

გარე სტილი ცხრილების უპირატესობები

• შეგიძლიათ გააკონტროლონ რამდენიმე დოკუმენტის სახე და გრძნობები ერთდროულად.
  • ეს განსაკუთრებით სასარგებლოა იმ შემთხვევაში, თუ თქვენ მუშაობთ გუნდთან ერთად, შექმნათ თქვენი ვებ-გვერდი. ბევრი სტილის წესები შეიძლება ძნელი იყოს გახსოვდეთ, ხოლო დაბეჭდილი სტილის მეგზური შეიძლება იყოს არაეფექტური და საეჭვოა, რომ მუდმივად გადაყარეთ იგი, რათა დადგინდეს, თუ რა მნიშვნელობა აქვს ტექსტს 12 ქულაში Arial Font- ი ან 14 ქულის კურიერი. ყველაფერთან ერთად, ერთ ადგილას, და იმ ადგილას, სადაც ასევე შეიტანთ ცვლილებებს, შეგიძლიათ გააკეთოთ შენარჩუნება ისე ადვილია.
• თქვენ შეგიძლიათ შექმნათ კლასების სტილის, რომელიც შეიძლება შემდეგ გამოყენებული იქნას სხვადასხვა HTML ელემენტები .
  • თუ ხშირად იყენებთ შრიფტის სტილის გამოყენებას, თქვენს გვერდზე სხვადასხვა რამეზეა ფოკუსირებული, შეგიძლიათ გამოიყენოთ კლასის ატრიბუტი, რომ თქვენს სტილის ფურცელში შეიქმნა ეს სახე და გრძნობს, ვიდრე კონკრეტული სტილის განსაზღვრა აქცენტი.
• თქვენ შეგიძლიათ მარტივად გააერთიანოთ თქვენი სტილი უფრო ეფექტური.
  • ყველა დაჯგუფების მეთოდები, რომლებიც ხელმისაწვდომია CSS- ს, შეიძლება გამოყენებულ იქნეს გარე სტილებისთვის და ეს მოგცემთ უფრო მეტ კონტროლს და მოქნილობას თქვენს გვერდებზე.

გარე სტილი ცხრილების ნაკლოვანებები

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

როგორ შექმნა გარე სტილი ფურცელი

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

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

მას შემდეგ, რაც თქვენ გაქვთ სტილის ფურცელი დოკუმენტი, თქვენ უნდა დაუკავშიროთ თქვენს ვებ გვერდებს . ეს შეიძლება გაკეთდეს ორი გზით:

1. აკავშირებს
   1. სტილის ფურცლის დასაკავშირებლად, გამოიყენეთ HTML ტეგი. მას აქვს ატრიბუტები rel , type და href . Rel attribute მოგვითხრობს, თუ რას აკავშირებთ (ამ შემთხვევაში სტილისტი), ტიპი განსაზღვრავს MIME-Type ბრაუზერისთვის და href არის გზა.
2. იმპორტიორი
   1. დოკუმენტის დონის სტილის ფარგლებში გამოიყენებთ იმპორტირებულ სტილის ფურცელს, რომლითაც შესაძლებელია გარე სტილის ფურცლის იმპორტირება, ხოლო დოკუმენტის კონკრეტული დოკუმენტების დაკარგვისას. თქვენ ამას დაუკავშირდით სტილის ფურცლის დარეკვას, მხოლოდ ის უნდა დაერქვას დოკუმენტის დონის სტილი დეკლარაციაში. თქვენ შეგიძლიათ შემოიტანოთ როგორც ბევრი გარე სტილის ფურცლები, როგორც თქვენ უნდა შეინარჩუნოთ თქვენი ვებ გვერდი.

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