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

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

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

Начальные сведения…

  селектор → h1 {
                       color:       #FF0000;
                 }       ↑                 ↑
                    свойство   значение

Все начинается с селектора. Он показывает, какие именно элементы мы собираемся оформлять. В данном случае мы написали h1, и оформление подействовало на заголовки первого уровня. Замените h1 на P, и вы увидите, что заголовок перестанет быть красным, зато окрасятся абзацы обычного текста. Попробуйте подставлять вместо h1 имена других элементов, которые есть в вашем документе, и убедитесь, что оформление каждый раз действует именно на эти элементы.


внимание!

В качестве селектора может быть указано не имя элемента, а что-то другое. Правила составления селекторов в CSS2 достаточно разнообразны и сложны. Этот сайт — не учебник по CSS, поэтому здесь будут рассмотрены только некоторые, наиболее употребительные виды селекторов. Если вы хотите освоить CSS в полном объеме — пожалуйста, прежде всего прочтите официальную документацию от консорциума W3C.

После селектора следует открывающая фигурная скобка. Затем, на следующей строке, располагается пара, состоящая из свойства и его значения. Свойство — это та характеристика элемента, которую вы хотите изменить. В данном случае мы решили изменить цвет элемента и для этого написали свойство color. Попробуйте написать не color, a background-color и посмотрите, к чему это приведет.

CSS позволяет изменить не только цвет, но и любые другие параметры оформления — мы можем изменить размер шрифта, сделать его полужирным или курсивным, выровнять по левому или правому краю страницы, а также по ширине, заключить в рамку, расположить в определенном месте экрана или вовсе сделать невидимым.


внимание!

Полный список свойств, имеющихся в CSS2

Наконец, значение свойства — это то, каким мы хотим сделать указанное свойство. Например, цвет может быть красным, зеленым, желтым или еще каким угодно.

Свойство и его значение разделяются двоеточием. После значения обязательно следует точка с запятой. Наш код завершается строкой, состоящей из одной закрывающей фигурной скобки. Эта скобка — парная к той, которая открылась в первой строке. Не забывайте точку с запятой после каждой строки!

Попробуйте сделать так, чтобы каждый элемент, имеющийся в вашем документе HTML, приобрел какой-нибудь особый цвет. Возможно, страница при этом будет выглядеть слишком пестро, зато вы освоите основы CSS.

 
Запомнить эту страницу в 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