ძირითადი მასალა
კურსი: კომპიუტერული პროგრამირება > თემა 2
გაკვეთილი 2: შესავალი CSS-ში- CSS-ს საწყისები
- პატარა რჩევა: შერჩევა იარლიყის სახელის მიხედვით
- გამოწვევა: ფერადი ქმნილება
- CSS: არჩევა id-ს საშუალებით
- გამოწვევა: სეზონური id-ები
- CSS: არჩევა კლასების საშუალებით
- გამოწვევა: ვაშლების და ბანანების კლასები
- მარტივი CSS სელექტორების გამოყენება
- პროექტი: ვებგვერდი მოგზაურობაზე
© 2024 Khan Academyგამოყენების პირობებიკონფიდენციალურობის პოლიტიკაშენიშვნა ქუქი-ჩანაწერებზე
პატარა რჩევა: შერჩევა იარლიყის სახელის მიხედვით
როგორც ისწავლეთ, ვებ–გვერდზე ელემენტების მოსანიშნად ვიყენებთ CSS წესებს, რათა შემდეგ მათთვის სტილის დაყენება შევძლოთ.
თუ რომელ HTML-ის ელემენტებს უნდა მიანიჭოს სტილი ჩვენმა CSS-ის წესმა, ამას ვეუბნებით სელექტორების გამოყენებით. არსებობს სელექტორების ბევრი ტიპი, რომელთაც მოგვიანებით შევეხებით, მაგრამ აქ გვინდა, მიმოვიხილოთ იმ ტიპის სელექტორი, რომელიც აუდიოგაკვეთილში ვაჩვენეთ: ელემენტის სელექტორი.
ელემენტის სელექტორი მონიშნავს HTML-ის ელემენტებს მათი ტეგის სახელის მიხედვით. HTML-ის ყველა ელემენტი—
<h1>
, <p>
, <li>
, <body>
—და ნებისმიერი სხვა HTML ელემენტი შეგვიძლია, მოვნიშნოთ CSS-ით მათი ტეგის სახელის გამოყენებით კუთხოვანი ფრჩხილების გარეშე (<
და>
). მაგალითად, შეგიძლიათ, მონიშნოთ ყველა <p>
ტეგი თქვენს ვებგვერდზე p
ელემენტის მომნიშვნელით. აი, CSS-ის წესი, რომელიც ყველა პარაგრაფის ფერს ცვლის ვებგვერდზე:p {
color: rgb(255, 0, 0);
}
ვნახოთ, არის თუ არა ეს გასაგები. ამ წესებიდან რომელი მონიშნავდა ყველა
<h2>
ელემენტს გვერდზე?შემდეგ გამოწვევაში თქვენ მოსინჯავთ ელემენტის სელექტორების გამოყენებას სხვადასხვა ტეგის სახელებთან. ცდის პროცესში დააკვირდით, რა შედეგი აქვთ CSS-ის წესებს ვებგვერდზე - რომელი ელემენტები იცვლიან ფერს და რომლები - არა.
გსურთ, შეუერთდეთ დისკუსიას?
- თუ არ მინდა ყველა h1 სელექტორი გაფერადდეს და მინდა მხოლოდ ერთი კონკრეტული h1 სელექტორი გაფერადება ბევრიდან, მაშინ რა უნდა გავაკეთო?(2 მოწონება)
- ამას შემდეგ ლექციში შევეხებით(2 მოწონება)