CSS, რომელიც გავლენას ახდენს მხოლოდ არსებული დოკუმენტი
რა არის შიდა სტილის ფურცლები
შიდა სტილის ფურცლები არის სტილის, რომელიც განთავსებულია HTML დოკუმენტის. ეს სტილი გავლენას ახდენს მხოლოდ იმ დოკუმენტში, რომელიც არ არის და არც სხვა ვებ-გვერდის მითითებით.
შინაგანი სტილების უპირატესობები
- შიდა სტილის ფურცლები მოქმედებს მხოლოდ გვერდზე.
- თუ შენ დიდ ვებსაიტზე ვმუშაობთ და სტილის შესამოწმებლად საჭიროა, სანამ ისინი მთლიანად ჩაიტვირთო მათ საიტზე, შიდა სტილის ფურცლები შეიძლება იყოს დიდი იარაღი. ისინი საშუალებას მოგცემთ შეამოწმოთ სტილის მთელი საიტი კონტექსტში გარეშე არღვევს ნებისმიერ გვერდზე, მაგრამ თქვენ ტესტირება.
- შინაგან სტილების შეგიძლიათ გამოიყენოთ კლასები და პირადობის მოწმობები.
- Inline სტილისგან განსხვავებით, შიდა სტილის ფურცლები მაინც ისარგებლებს კლასების, პირადობის, ძმების და სხვა ელემენტების ურთიერთობებზე.
- შიდა სტილების არ საჭიროებს, რომ ატვირთოთ რამოდენიმე ფაილი.
- ეს განსაკუთრებით სასარგებლოა, როდესაც თქვენ მუშაობთ ელ-ფოსტაზე ან კისოსებში, სადაც მხოლოდ ერთი HTML ფაილი შეგიძლიათ რედაქტირება. მე ხშირად გამოვიყენებ inline styles როდესაც მე არ ვარ დარწმუნებული, თუ რა URL იქნება სტილისტი დატვირთული შევიდა CMS - შენახვა სტილის დოკუმენტი ნიშნავს მე ვიცი, რა სტილის იმოქმედებს, რომ დოკუმენტი.
- შიდა სტილის შეიძლება ჰქონდეს უფრო მაღალი უპირატესობა, ვიდრე გარე სტილის ფურცლები.
- ეს განისაზღვრება იმისათვის, რომ გარე სტილის ჩატვირთვა მოხდეს. გვერდის ვებ დეველოპერი აკონტროლებს, სადაც შიდა სტილის განთავსება იქნება დოკუმენტის ხელმძღვანელი. თუ ისინი განთავსებულნი არიან გარე სტილის ბმულზე, კასკადის უფრო მაღალი უპირატესობა ექნებათ და გარე სტილის ფსკერზე გაივლიან.
შინაგანი სტილების ნაკლოვანებები
- ისინი გავლენას ახდენენ მხოლოდ გვერდზე.
- თუ გსურთ გამოიყენოთ იგივე სტილის რამდენიმე დოკუმენტი, თქვენ უნდა გავიმეოროთ მათ ყველა გვერდი (ან ბმული გარე სტილის ფურცელი ).
- შიდა სტილების ცხრილები გაზრდის გვერდს.
- ყველა გვერდზე, რომელსაც აქვს შიდა სტილის ფურცელი, უნდა ჩაიტვირთოს და გააფართოვოს სტილი ფურცელი ინფორმაცია ყოველ ჯერზე გვერდი დატვირთული. გარე სტილის ფურცლები ბრაუზერებს იკავებენ - რაც აუმჯობესებს დატვირთვის დროს ყველა გვერდს პირველი დატვირთვის შემდეგ.
როგორ დავწეროთ შიდა სტილის ფურცელი
ელემენტი:
- გახსენით HTML დოკუმენტი თქვენს ვებ რედაქტორში .
- დაამატეთ შემდეგი შიგნით
სრული შიდა სტილის ფურცელი ასე გამოიყურება: