Подключение css к html


Селекторы по ID (идентификатору)



бет3/4
Дата29.10.2022
өлшемі0,61 Mb.
#155541
1   2   3   4
Байланысты:
Каскадные таблицы стилей CSS

 Селекторы по ID (идентификатору)
В предыдущих примерах в качестве селекторов использовались элементы страницы: body, h1, h2. Представьте такую ситуацию - в html-странице есть несколько параграфов, нам нужно, чтобы текст одного из параграфов был розовый, а остальные параграфы были черного цвета. Чтоб реализовать такую идею нам понадобится указать уникальный идентификатор (id) параграфу и создать для него отдельный стиль.
 
Текст параграфа с идентификатором (id).
(Слайд 12)
Уникальные имена можно назначать любые, за исключением зарезервированных слов (это имена тегов и параметров элементов HTML и CSS).Допустим, нельзя идентификатору назначить имя body. Сейчас добавим в html-страницу несколько параграфов и один из будет с идентификатором: (Слайд 13)


CSS id



Это заголовок первого уровня


Здесь просто текст

Это заголовок второго уровня


Здесь просто текст

Простой абзац


Абзац с идентификатором (id)


Это заголовок первого уровня


Здесь просто текст

Это заголовок второго уровня


Здесь просто текст

Простой абзац


Абзац с идентификатором


Абзац с классом (class) pink


Абзац с классом (class) pink



Этот текст находится в параграфе

Это просто текст.
Этот текст выделен курсивом

Этот текст находится в параграфе, но эта часть выделена курсивом




Это текст параграфа, и первую букву мы выделили красным цветом.


Достарыңызбен бөлісу:
1   2   3   4




©www.engime.org 2024
әкімшілігінің қараңыз

    Басты бет