UcoZ FAQ - Designing For You!

 Hello Гость ‌ RSS

Вторник, 2009-01-06, 7:37 Am

Register now ‌ Log in

Site home| Форум
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 10123910»
Форум » Веб-дизайн » CSS » Таблица CSS (месторасположение и назначение стилей в таблице CSS)
Таблица CSS
parvinaДата: Четверг, 2006-09-21, 11:34 Am | Сообщение # 1
Дизайнер
Группа: Администраторы
Сообщений: 1288
Репутация: 59 [29%]
Статус: Offline
CSS используется создателями и посетителями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основное назначение, для которого технология CSS была разработана, это разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими Шрифт Брайля.

CSS при отображении страницы может быть взята из различных источников:
Авторские стили (информация стилей, предоставляемая автором страницы) в виде:
Внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе.
Встроенных стилей — блоков CSS внутри самого HTML документа.
Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.
Пользовательские стили
Локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.
Стиль браузера
Стандартный стиль, используемый браузером по умолчанию для представления элементов.

Стандарт CSS определяет приоритеты, в порядке которых применяются правила стилей, если для какого-то элемента подходят несколько правил одновременно. Это называется «каскадом», в котором для правил рассчитываются приоритеты или «веса», что делает результаты предсказуемыми.

У CSS достаточно простой синтаксис.

Таблица стилей состоит из набора правил. Каждое правило, в свою очередь, состоит из одного или нескольких селекторов, разделенных запятыми и блока определений. Блок определений же обрамляется фигурными скобками, и состоит из набора свойств и их значений.

материал: wikipedia


О и для создания сайтов на UcoZ!
 
kydapodatsyaДата: Четверг, 2006-09-21, 11:34 Am | Сообщение # 2
Дизайнер
Группа: Администраторы
Сообщений: 1843
Репутация: 150 [75%]
Статус: Offline
Такой вопрос: как изменить дизайн, вернее где, надписи "Ваш ответ добавлен...." cry

+/- шрифта на jQ
 
parvinaДата: Четверг, 2006-09-21, 11:36 Am | Сообщение # 3
Дизайнер
Группа: Администраторы
Сообщений: 1288
Репутация: 59 [29%]
Статус: Offline
kydapodatsya, в таблице стиле:
/* Other Styles */
.replaceTable {...}
меняйте все на свое усмотрение

О и для создания сайтов на UcoZ!
 
kydapodatsyaДата: Четверг, 2006-09-21, 4:25 Pm | Сообщение # 4
Дизайнер
Группа: Администраторы
Сообщений: 1843
Репутация: 150 [75%]
Статус: Offline
Спасибо smile

+/- шрифта на jQ
 
ЭсквайрДата: Четверг, 2006-09-28, 0:46 Am | Сообщение # 5
Неографист
Группа: Пользователи
Сообщений: 102
Репутация: 5 [2%]
Статус: Offline
Quote (kydapodatsya)
вернее где, надписи "Ваш ответ добавлен...."

А я не нашел...
Где?

Code
/* Other Styles */
.replaceTable {background:#C0A741;height:100px;width:300px;border:1px solid #FFFFFF;}
.replaceBody {background:#737373;}
li.fastHelp {margin: 0; padding: 0 0 0 13px; background: url('/img/12.gif') no-repeat 0px 0px; margin-bottom: .6em;}
.noEntriesOnMain {text-align:justify;color:#E3E2B3;}
.funcBlock {padding-top:5px; padding-right:3px;}
.legendTd {font-size:7pt;}
/* ------------ */


Сообщение правил Эсквайр - Четверг, 2006-09-28, 1:03 Am
 
parvinaДата: Четверг, 2006-09-28, 9:16 Am | Сообщение # 6
Дизайнер
Группа: Администраторы
Сообщений: 1288
Репутация: 59 [29%]
Статус: Offline
/* Other Styles */
.replaceTable {background:#C0A741;height:100px;width:300px;border:1px solid #FFFFFF;}
.replaceBody {background:#737373;}
li.fastHelp {margin: 0; padding: 0 0 0 13px; background: url('/img/12.gif') no-repeat 0px 0px; margin-bottom: .6em;}
.noEntriesOnMain {text-align:justify;color:#E3E2B3;}
.funcBlock {padding-top:5px; padding-right:3px;}
.legendTd {font-size:7pt;}
/* ------------ */

О и для создания сайтов на UcoZ!
 
kydapodatsyaДата: Четверг, 2006-09-28, 3:59 Pm | Сообщение # 7
Дизайнер
Группа: Администраторы
Сообщений: 1843
Репутация: 150 [75%]
Статус: Offline
Code
/* Other Styles */
.replaceTable {background:#F4F4F4;height:117px;width:350px;border:1px solid #A9B8C2;}
li.fastHelp {margin: 0; padding: 0 0 0 13px; background: url('http://kydapodatsya.p0.ru/site/otvet.gif') no-repeat 0px 0px; margin-bottom: .6em;}
.noEntriesOnMain {text-align:justify;color:#0000FF;}
.funcBlock {padding-top:5px;}
.legendTd {font-size:7pt;}
/* ------------ */

вот сделал, как Вы тут описали, а ничего не изменилось

+/- шрифта на jQ
 
parvinaДата: Четверг, 2006-09-28, 5:44 Pm | Сообщение # 8
Дизайнер
Группа: Администраторы
Сообщений: 1288
Репутация: 59 [29%]
Статус: Offline
kydapodatsya, еще раз посмотри, куда ты это написал...

О и для создания сайтов на UcoZ!
 
IsidaДата: Четверг, 2006-09-28, 6:37 Pm | Сообщение # 9
Студиграфист
Группа: Проверенные
Сообщений: 379
Репутация: 7 [3%]
Статус: Offline
parvina, предлагаю сообща разработать шпаргалку по CSS. Можно типа такой, а можно как текстовые комментарии к общей CSS. У меня уже есть намётки по 70% от общей CSS. Особенно форум пропахан и общие настройки. biggrin

Аси нет и не будет.

 
parvinaДата: Четверг, 2006-09-28, 7:12 Pm | Сообщение # 10
Дизайнер
Группа: Администраторы
Сообщений: 1288
Репутация: 59 [29%]
Статус: Offline
Isida, лучше текствовые комментарии с примерами на рисунке. а то сложно все линии проследить

О и для создания сайтов на UcoZ!
 
IsidaДата: Пятница, 2006-09-29, 0:38 Am | Сообщение # 11
Студиграфист
Группа: Проверенные
Сообщений: 379
Репутация: 7 [3%]
Статус: Offline
Да, я уже тоже так думаю. Правда на форуме удобнее картинками.

Аси нет и не будет.

 
parvinaДата: Пятница, 2006-09-29, 9:24 Am | Сообщение # 12
Дизайнер
Группа: Администраторы
Сообщений: 1288
Репутация: 59 [29%]
Статус: Offline
Isida, картинки обязательно должны быть, но не меньше одной на 2 класса

О и для создания сайтов на UcoZ!
 
kydapodatsyaДата: Пятница, 2006-09-29, 2:20 Pm | Сообщение # 13
Дизайнер
Группа: Администраторы
Сообщений: 1843
Репутация: 150 [75%]
Статус: Offline
Quote (parvina)
kydapodatsya, еще раз посмотри, куда ты это написал...

я это написал в таблице стилей css
визуально заметил только изменение таблички, где выводится сообщение и цвет заднего фона, а картинки, той которую я нарисовал и вставил нет. sad

Добавлено (2006-09-29, 2:02 Pm)
---------------------------------------------
не знаю, наверное, у меня что-то с css, что ли?
С пятого раза заработало, только грузит долговато!
И как сместить текст к правому боку ?

Code
{text-align:right;color:#0000FF;}

так?
А можно ли сместить , допустим вправо на 10 пикселей?
где это исправить?

Добавлено (2006-09-29, 2:11 Pm)
---------------------------------------------

Quote (kydapodatsya)
С пятого раза заработало, только грузит долговато!

беру свои слова обратно:теперь летает. Так называемое "привыкание системы к изменениям biggrin "

Добавлено (2006-09-29, 2:17 Pm)
---------------------------------------------
а такой вопрос , немного не в тему
Вот есть при цитировании это окошко прямоугольное.
Можно ли его изменить, если да то где и в какой степени он подвергается изменениям.
Можно ли допустим сделать графически, естественно, в верху в левой стороне, чтобы вместо quote(xxxx) был допустим сопряженный с окошком графический элемент, на котором написано "Цитата".
Не знаю ,ясно выразился или нет, но все.
т.е. я хочу звменить это прямоугольное выделение на красивое графическое оформление.

Добавлено (2006-09-29, 2:20 Pm)
---------------------------------------------

Quote (kydapodatsya)
И как сместить текст к правому боку ?
Code
{text-align:right;color:#0000FF;}

так?
А можно ли сместить , допустим вправо на 10 пикселей?
где это исправить?


Так как все же это сделать, или у меня опять через пятое добавленное сообщение все заработает,
я сделал вот так вот
Code

{text-align:right;color:#0000FF;}


+/- шрифта на jQ
 
КинскиДата: Пятница, 2006-09-29, 2:20 Pm | Сообщение # 14
Спектографист
Группа: Проверенные
Сообщений: 27
Репутация: 5 [2%]
Статус: Offline
Isida, parvina, у меня будет модуль расшифровки стилей. Пользователь вводит название класса, ему будет возвращаться его значение, с возможными атрибутами.
 
IsidaДата: Пятница, 2006-09-29, 3:37 Pm | Сообщение # 15
Студиграфист
Группа: Проверенные
Сообщений: 379
Репутация: 7 [3%]
Статус: Offline
Кински, это поможет только тому кто знает ЗАЧЕМ служит этот класс. Вот как рпз этот нюанс мы и собрались расшифровать. Мы с вами не пересекаемся. Ну разве что чуть. smile

Аси нет и не будет.

 
Форум » Веб-дизайн » CSS » Таблица CSS (месторасположение и назначение стилей в таблице CSS)
Страница 1 из 10123910»
Поиск:

Хостинг от uCoz

designed by parvina