[CSS] Справочник.

Kemp · 26.05.2012

Ну что же сразу к теме, ее смысловая основа заключается в том, что бы делиться знаниями о Cascading Style Sheets, и возможно в будущем зайдя в тему быстро найти нужный вам участок кода.
Тема будет постепенно пополняться как моими так и вашими знаниями в данной области, так же все зависит от ее надобности на форуме.

[HR][/HR][HR][/HR]
Для тех кто не осведомлен цитирую с Wiki.

CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.
Нажмите, чтобы раскрыть...

[HR][/HR][HR][/HR]
Ну что же, пожалуй начну с элементарного.

1. Подключение файла с CSS производиться следующим образом
<link rel="stylesheet" type="text/css" href="style.css"> Где style.css это и есть тот файл CSS.
[HR][/HR]
2.Так же стили можно описать в самом документе без подключение сторонних файлов
<style type="text/css"> Параметры </style> В теге от <style> до </style> мы уже и будем задавать все нужные нам параметры.
[HR][/HR]
3.Когда таблица стилей описана в самом документе, она может располагаться в нём в теле какого-то отдельного тега (посредством его атрибута style) этого документа. Все правила этой таблицы действуют только на содержимое этого тега.
<p style="font-size: 21px; color: green;">Зеленый слоник.</p>
[HR][/HR]
4.Структура CSS кода
селектор {
свойство: значение;
свойство: значение;
}
Вот еще один пример
body {
color: red;
}
Во 2-м примере я задаю параметр цвета текста равный красному. И весь текст, что находиться внутри тега <body> будет красным.
[HR][/HR]
5.Классы.
Класс или идентификатор может быть присвоен какому-нибудь элементу (тегу) HTML посредством атрибутов class или id этого элемента (тега):
<style type="text/css"> .big
{ font-size: 16px; }</style><p class="big"> Text </p>
Т.е класс может быть применен к любому html элементу. Надпись "Text" будет иметь размер 16 пиксилей.
2.Тег DIV
<div> </div> Параметры </style> Блочный тег в языке разметки html. Позволяет выделить в структуре документа несколько разделов.

[HR][/HR][HR][/HR]

Перейдем к описанию свойств и их значений.
1.Текст
Размер текста - font-size:16px; - Размер 16 пикселей.
Цвет текста - color: 000000; - Черный цвет.
Шрифт текста - font-family: Arial; - Выбран шрифт Arial.
Выравнивание текста - text-align:center; - Выравнивание по середине.
Тень у текста - text-shadow: black 1px 1px 2px; - Где Black - это цвет тени, далее сдвиг тени по x,y и радиус в 2-а пикселя
[HR][/HR]
2.Фон
Цвет фона - background-color: blue; - Синий цвет.
Устанавливает фоновое изображение для элемента. - background-image: url(images/bg.jpg); - Устанавливается изображение по пути images/bg.jpg.

avoid · 31.07.2012

2 темы только осилил?)

Mr.BBro xD · 31.07.2012

неоч понял (

[CSS] Справочник.

Kemp

avoid

Mr.BBro xD