Разработка сайтов для СРО

SEO-копирайтинг — текст для поисковой оптимизации. Продвижение сайта в поисковых системах. Оптимизация сайта для поисковых машин. Раскрутка сайта в ведущих поисковиках

Создание и раскрутка сайтов в Интернете

Что нужно для SEO?

Текст & Всемирная Паутина

Инструмент веб-строителя

HTML - язык гипертекста

CSS - каскадные таблицы стилей

Поисковая оптимизация

Что такое раскрутка сайта?

Контекстная реклама

Что такое обмен ссылками?

Почтовые рассылки

Соблюдайте правила

Что препятствует рейтингу?

Что такое CMS?

Краткий словарь терминов

Полезные книги

Карта сайта

Как повысить находимость сайта?

Основы кодирования

Основные конструкции CSS

Замечания о кодировании CSS

Преимущества и недостатки CSS

 
Разработка сайтов под ключ

Ссылки по теме

CSS Blast галерея css-сайтов и проектов Web 2.0

XHTML, CSS, JavaScript, DOM. Советы, секреты, хитрости и тонкости

CSS, HTML в примерах и статьях

Учебники HTML и CSS

HTML справочник

Справочники HTML и CSS

Основные ошибки юзабилити

Для тех, кто делает сайты!

Справочник по CSS

CoffeeCup - HTML редактор

FCKEditor - текстовый редактор для браузера

NotPad++ - текстовый редактор

PSPad — текстовый редактор

CSE HTML Validator Lite — редактор-анализатор (валидатор)

W3C - стандарты HTML

W3C - стандарты CSS

Справочная информация

Lynx Viewer

 

Виды селекторов CSS

Главная « CSS - каскадные таблицы стилей « Виды селекторов CSS

версия для печати

Перечислим селектора CSS…

В CSS существует множество видов селекторов. Перечислим те из них, которые употребляются наиболее часто и хорошо поддерживаются браузерами.

  1. Селектор по элементу: имя элемента;

  2. Селектор по id: #значение_атрибута_id, имя_элемента#значение_атрибута_id;

  3. Селектор по классу: .значение_атрибута_сlаss, имя_элемента.значение_атрибута_сlаss;

  4. Контекстный селектор: селектор1 селектор2 ... селекторN;

Селектор по элементу…

В качестве селектора указывается имя элемента HTML, и он действует на все элементы в документе, имеющие это имя.

Селектор по id…

Если требуется особенным образом оформить один-единственный элемент во всем документе, можно присвоить этому элементу атрибут id.

Затем в таблице стилей нужно записать селектор, состоящий из символа решетки (#), непосредственно за которым следует значение атрибута id. Можно указать перед решеткой имя элемента HTML.

Если у нас только один документ HTML, нет никакой разницы, указывать ли в этом селекторе имя элемента. Всякое значение id может быть только у одного элемента в документе: например, если уже есть <h2 id="gotonew">, то в этом же файле HTML нельзя записать <p id="gotonew"> или даже еще один заголовок <h2 id="gotonew">.


внимание!

Но если одна и та же таблица стилей применяется для оформления нескольких страниц, разница между селекторами #new и h2#new может проявиться: в одном документе атрибут id="gotonew" может быть у одного элемента, а в другом этот же атрибут — совершенно у другого.

Селектор по классу…

Если требуется одинаково оформить несколько элементов, можно присвоить каждому из этих элементов атрибут class с одним и тем же значением, например: abstract.

Этот селектор действует на все элементы, имеющие атрибут class со значением abstract. В отличие от атрибута id, атрибут class может иметь одно и то же значение у нескольких элементов.

Селектор по классу также можно использовать вместе с именем элемента, например: h3.abstract.

В этом случае селектор будет действовать только на заголовки третьего уровня (h3), имеющие атрибут class со значением abstract, и не будет действовать, например, на абзацы текста (р) или элементы перечня (li), даже если в их открывающем тэге написано class="abstract".

Контекстный селектор…

Этот селектор применяется, когда оформление элемента должно зависеть не только от самого этого элемента, но и от того, в какой элемент он вложен. (Например, мы хотим раскрасить в определенный цвет каждый отдельный пункт маркированного перечня, но при этом оставить нераскрашенными нумерованные перечни.)


внимание!

Такой селектор будет действовать на все элементы li при условии, что эти элементы вложены в элемент ul. На элементы li, вложенные в ol, он не действует.

Контекстный селектор состоит из двух или нескольких селекторов одного из предыдущих типов, описанных ранее. Эти селекторы отделяются друг от друга пробелами.

Если записать несколько селекторов через запятую и пробел, получится объединенный селектор, который будет действовать на все перечисленные элементы.

 
Запомнить эту страницу в google.com Запомнить эту страницу в bobrdobr.ru Запомнить эту страницу в news2.ru Запомнить эту страницу в Memori.ru Добавить в МоёМесто.ru сохранить на RUmarkz Добавить страницу к Мистеру Вонгу Запомнить эту страницу в del.icio.us Запомнить эту страницу в technorati.com Запомнить эту страницу в linkstore.ru Добавить на Ваау!
Valid XHTML 1.0! Valid CSS!
Как повысить находимость сайта?

Свойства CSS

Свойства шрифта

Свойства блоков текста

Теги DIV и SPAN

 

NotPad++ - текстовый редактор…

 

наверх

 
Контактная информация

Пишите:
Звоните: + 7 (916) 597-36-78

SEO-копирайтинг — текст для поисковой оптимизации. Продвижение сайта в поисковых системах. Оптимизация сайта для поисковых машин. Раскрутка сайта в ведущих поисковиках

Copyright (©) 2004— by Yuriy Korovenkov