Რა უნდა ვისწავლოთ ჩემი CSS სტილი ფურცელი ფაილი?

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

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

კონვენციის საფუძვლების დასახელება

როდესაც თქვენ შექმნით გარე სტილის ფურცელს თქვენს ვებ-გვერდებზე, უნდა შეიტანოთ ფაილის შემდეგი HTML სახელების მსგავსი სახელები:

არ გამოიყენოთ სპეციალური სიმბოლოები

თქვენ უნდა გამოიყენოთ მხოლოდ ასოების az, ციფრები 0-9, underscore (_), და hyphens (-) თქვენი CSS ფაილის სახელები. მიუხედავად იმისა, რომ თქვენი ფაილური სისტემა შეიძლება საშუალებას მოგცემთ შექმნათ ფაილები მათთან სხვა სიმბოლოებით, თქვენი სერვერის OS შეიძლება ჰქონდეს სპეციალური სიმბოლოების საკითხები. თქვენ ხართ უსაფრთხო მხოლოდ აქ სიმბოლოები. ყოველივე ამის შემდეგ, მაშინაც კი, თუ თქვენი სერვერი საშუალებას იძლევა სპეციალური სიმბოლოებისთვის, რომ არ იყოს ისეთი შემთხვევა, თუ გადაწყვეტთ მომავალში ჰოსტინგის გადატანა.

არ გამოიყენოთ ნებისმიერი ფართები

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

ფაილის სახელი უნდა დავიწყოთ წერილით

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

გამოიყენეთ ყველა ქვედა საქმე

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

შეინახეთ ფაილის სახელი, როგორც მოკლე, როგორც შესაძლო

მიუხედავად იმისა, რომ არსებობს ზომა ფაილის ზომა უმეტეს ოპერაციულ სისტემებზე, გაცილებით მეტია, ვიდრე გონივრული CSS ფაილის სახელი. კარგი წესი thumb არის არაუმეტეს 20 სიმბოლოების ფაილის სახელი არ შედის გაფართოება. რეალისტურად, არაფერია ბევრად უფრო მეტია, ვიდრე ეს იმას ნიშნავს, რომ მუშაობა და დაკავშირება მაინც!

ყველაზე მნიშვნელოვანი ნაწილი თქვენი CSS ფაილი სახელი

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

ალბათ არ არის დიდი სიურპრიზი, მაგრამ გაფართოება თქვენი CSS ფაილი უნდა იყოს:

.css

CSS ფაილი დასახელებისგან კონვენციები

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

styles.css ან default.css

მას შემდეგ, რაც უმეტესი საიტები მე ვმუშაობ მოიცავს ერთი CSS ფაილი, ეს სახელები კარგად მუშაობს ჩემთვის.

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

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

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