Основно съдържание
Програмиране
Курс: Програмиране > Раздел 2
Урок 2: Въведение в CSS- Основи на CSS
- Бърз съвет: Избиране по име на таг
- Предизвикателство: Цветно същество
- CSS: Селектиране по идентификатор (id)
- Предизвикателство: Сезонни идентификатори
- CSS: Селектиране по клас
- Предизвикателство: Класове от ябълки и банани
- Използване на прости CSS селектори
- Проект: Уеб страница за пътешествия
© 2023 Khan AcademyУсловия за ползванеДекларация за поверителностПолитика за Бисквитки
Бърз съвет: Избиране по име на таг
Както вече научи, използваме CSS правила, за да избираме елементи в уеб страницата и за да задаваме стил на тези елементи.
Казваме на CSS правилото кои HTML елементи да стилизира, като използваме селектори. Има много видове селектори, които ще разгледаме по-късно, но тук ще обърнем внимание само този, за който говорихме във видео-упътването: селектор на елемент.
Селекторът избира HTML елементи по имената на таговете. Всеки HTML елемент –
<h1>, <p>, <li>, <body>– и всеки друг HTML елемент може да бъде избран със CSS по името на тага без триъгълни скоби (< и >). Например можеш да избереш всички тагове <p> на своята уеб страница, като използваш селектора p. Ето едно CSS правило, което променя цвета на всеки параграф в уеб страницата:p {
color: rgb(255, 0, 0);
}Да проверим дали това има смисъл. Кое от тези правила избира всички
<h2> елементи на страницата?В следващото предизвикателство ще се опиташ да използваш селектори с различни тагове. Докато експериментираш, обърни внимание какъв ще е ефектът на CSS правилата върху страницата – кои елементи променят цвета и кои не.
Искаш ли да се присъединиш към разговора?
Все още няма публикации.