Сервис форумов ucof.ru

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Сервис форумов ucof.ru » Дизайн персональных форумов » Шпаргалка CSS (Cascading Style Sheets)


Шпаргалка CSS (Cascading Style Sheets)

Сообщений 1 страница 2 из 2

1

Что такое CSS?
CSS - (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML.

Куда в форуме вставлять код CSS?
Первый вариант: Идем в Администрирование/Настройки и вставляем в html вверх:

<style type="text/css">
..........................................
.........................................
</style>

Вписав в HTML-верх эти два тега между ними, вместо многоточия, можно будет вставлять все необходимые для нового дизайна css коды.
Второй вариант: Идем в Администрирование/Стиль и включаем свою таблицу стилей.

Синтаксис CSS:
Синтаксис каскадных таблиц стилей состоит из трех основных частей: селектора, свойства и значения, как это показанно на примере ниже:

селектор {свойство: значение}

Селектор – определяемый элемент
Свойство – изменяемый атрибут
Значение – присваиваемое атрибуту значение

Далее предлагаю вам разобраться с основными особенностями синтаксиса в CSS:
» Свойство элемента и значение, присваиваемое ему должны располагаться внутри фигурных скобок и разделяться двоеточием:

p{font–size: 75%}

» Значения, состоящие более, чем из одного слова должны быть помещены в кавычки:

h1 {font – family: "lucida calligraphy"}

» Если для одного селектора определяется одновременно несколько свойств, то они должны быть разделены точкой с запятой. После последнего свойства не обязательно ставить точку с запятой, хотя их присутствие не вызовет никакой ошибки:

table { font – family: arial, "sans serif"; border – style: dotted}

» Если несколько одинаковых свойств должны быть применены одновременно к нескольким селекторам, то селекторы перечисляются через запятую:

p,table,li { font – family: "sans serif"; }

0

2

background
background позволяет задать стиль фона, определив в одной строке сразу несколько атрибутов: цвет фона, фоновую картинку, её положение и.т.п Тоесть background заменяет background-color, background-image, background-repeat, background-attachment и background-position. Значения разделяются пробелом и могут располагаться в любом порядке:

body {background: #000000 url('/img/bg.gif') no-repeat fixed top center}

background–color
background–color – заполняет элемент цветом. Значение color – задает цвет элемента, а значение transparent – задает прозрачный фон.

h1 { background – color : Red;}

0


Вы здесь » Сервис форумов ucof.ru » Дизайн персональных форумов » Шпаргалка CSS (Cascading Style Sheets)