CSS ან Cascading Style Sheets, არის ის, რაც გამოიყენება თანამედროვე ვებ დიზაინში ვიზუალური სახით გვერდზე. მიუხედავად იმისა, HTML ქმნის სტრუქტურა გვერდზე და Javascript შეუძლია ქცევები, ნახვა და გრძნობს ნახვა არის დომენი CSS. როდესაც ეს ეხება სტილებს, ისინი ყველაზე ხშირად იყენებენ გარე სტილის ცხრილებს, მაგრამ ასევე შეგიძლიათ გამოიყენოთ CSS სტილის გამოყენება ცალკეული ელემენტის გამოყენებით, რაც "ინტილი სტილის" სახელით არის ცნობილი.
Inline სტილის არის CSS სტილის, რომლებიც გამოიყენება პირდაპირ გვერდზე HTML. ამ მიდგომისთვის ორივე დადებითი და უარყოფითი მხარეა. პირველი, მოდით შევხედოთ ზუსტად როგორ ამ სტილის წერია.
როგორ დავწეროთ შიგნით სტილი
იმისათვის, რომ შეიქმნას inline CSS სტილი, დაიწყეთ თქვენი სტილის ქონების დაწერისას, თუ როგორ მოიქცეოდი სტილის ფურცელში, მაგრამ ეს უნდა იყოს ყველა ერთი ხაზი. ცალკე მრავალფუნქციური თვისებები semicolon- სთან ერთად, როგორც სტილის ფურცელში.
ფონზე: #ccc; ფერი: # ff; საზღვარი: მყარი შავი 1px;
მოათავსეთ რომ ხაზი სტილის შიგნით სტილის ატრიბუტი ელემენტს გსურთ ე.წ. მაგალითად, თუ გსურთ ამ სტილის გამოყენება HTML- ში, ეს ელემენტი გამოიყურება ასე:
ამ მაგალითში, ამ კონკრეტულ პუნქტში გამოჩნდება ღია ნაცრისფერი ფონზე (ეს არის ის, რაც #ccc- ს მისცემდა), შავ ტექსტს (# 000 ფერიდან) და 1-პიქსელიანი მყარი შავი საზღვარი, .
Inline Styles- ის უპირატესობები
კასკადის სტილის კასკადის წყალობით ინლაინურ სტილს აქვს ყველაზე მაღალი პრეცედენტი ან სპეციფიკა. ეს იმას ნიშნავს, რომ ისინი არ უნდა იყენებდნენ თქვენს გარე სტილის კარნახით (ერთი გამონაკლისი, რომელიც არის ისეთი სტილი, რომელიც არის მოცემული! მნიშვნელოვანი დეკლარაცია, რომ ფურცელი, მაგრამ ეს არ არის რაღაც, რაც უნდა გაკეთდეს წარმოების ადგილებში შეიძლება იქნას აცილებული).
ერთადერთი სტილი, რომელსაც უფრო მაღალი უპირატესობა აქვს, ვიდრე სტილის სტილები , მკითხველს იყენებს მომხმარებლის სტილის გამოყენება. თუ ცვლილებების მიღება შეძლებთ თქვენი ცვლილებების მიღებას, შეგიძლიათ სცადოთ ელემენტში ინლაინ სტილის დაყენება. იმ შემთხვევაში, თუ სტილის ჯერ კიდევ არ არის ნაჩვენები inline სტილის, თქვენ იცით რაღაც ხდება.
Inline სტილის მარტივი და სწრაფი დაამატოთ და თქვენ არ გჭირდებათ ფიქრი წერა სათანადო CSS selector რადგან თქვენ დასძინა სტილის პირდაპირ ელემენტს გსურთ შეცვალოთ (რომ ელემენტს არსებითად ცვლის selector თქვენ ჩაწერის გარე სტილის ფურცელი ). თქვენ არ უნდა შეიქმნას მთელი ახალი დოკუმენტი (როგორც გარე სტილის ფურცლებთან ერთად) ან შეცვალოთ ახალი ელემენტი თქვენი დოკუმენტის ხელმძღვანელზე (როგორც შიდა სტილების). თქვენ უბრალოდ დაამატოთ სტილის ატრიბუტი, რომელიც მოქმედებს თითქმის ყველა HTML ელემენტის შესახებ. ეს არის ყველა მიზეზი, თუ რატომ შეიძლება ცდუნება გამოვიყენოთ inline სტილის, მაგრამ თქვენ ასევე უნდა იცოდეს ზოგიერთი ძალიან მნიშვნელოვანი უარყოფითი მხარეები ამ მიდგომას.
Inline Styles უარყოფითი მხარეები
იმის გამო, რომ inline სტილის ისინი ყველაზე კონკრეტული კასკადის, მათ შეუძლიათ ზედმეტად მიგყავს რამ, რაც არ აპირებდნენ მათ. ისინი ასევე უარყოფენ CSS- ის ერთ-ერთ ყველაზე ძლიერ ასპექტს - სტილის ლოტისა და ერთი ცენტრალური CSS ფაილის უამრავი გვერდის შესაძლებლობას, რათა მომავალი განახლებები და სტილის ცვლილებები უფრო ადვილია.
თუ გინდა მხოლოდ სტილის სტილის გამოყენება, თქვენი დოკუმენტები სწრაფად იცვლებოდა და ძალზე ძნელია შენარჩუნება. ეს იმიტომ, რომ inline სტილის უნდა იქნას გამოყენებული ყველა ელემენტს გსურთ მათ. ასე რომ, თუ გსურთ ყველა თქვენი პარაგრაფების შრიფტის ოჯახი "Arial", თქვენ უნდა დაამატოთ inline სტილის თითოეული
tag თქვენს დოკუმენტში. ეს დასძენს როგორც სარემონტო სამუშაოების დიზაინერი და ჩამოტვირთვის დრო მკითხველს, რადგან თქვენ უნდა შეიცვალოს ეს ყველა გვერდზე თქვენს საიტზე შეცვალოს ეს შრიფტი ოჯახს. გარდა ამისა, თუ თქვენ იყენებთ ცალკე სტილისტს, შეგიძლიათ შეცვალოთ იგი ერთ ადგილზე და ყველა გვერდზე მიიღოთ ეს განახლება.
ჭეშმარიტად, ეს არის ნაბიჯი უკან ვებ დიზაინი - უკან დღეების tag!
კიდევ ერთი ხარვეზის inline სტილის არის ის, რომ შეუძლებელია სტილის ფსევდო ელემენტები და -ბოლოები მათთან. მაგალითად, გარე სტილის ფურცლებთან ერთად, შეგიძლიათ სტილი გაატაროთ წამყვანი, აქტიური და ბმული ფერის წამყვან რგოლში, მაგრამ შეყვანის სტილით, ყველა სტილის ბმული თავად არის, იმიტომ რომ სტილის ატრიბუტი მიმაგრებულია .
საბოლოო ჯამში, ჩვენ არ გირჩევთ გამოიყენოთ თქვენი ვებ გვერდების inline სტილის გამოყენება, რადგან ისინი პრობლემებს იწვევენ და გვერდს უფრო მეტ მუშაობას ინარჩუნებენ. ერთადერთ დროს ჩვენ ვიყენებთ მათ, როდესაც ჩვენ გვინდა შევამოწმოთ სტილი სწრაფად დროს განვითარებას. მას შემდეგ, რაც ჩვენ მივიღეთ ეს ეძებს უფლება, რომ ერთი ელემენტი, ჩვენ გადავიდეს ეს ჩვენი გარე სტილის ფურცელი.
ჯენიფერ კრიინინის ორგალური სტატია. რედაქტირებულია Jeremy Girard.