Четверг, 2024-04-25, 3:47 PM
Приветствую Вас Гость | RSS

Design for You!

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Форум » Веб-дизайн » CSS » Таблица CSS (месторасположение и назначение стилей в таблице CSS)
Таблица CSS
parvinaДата: Четверг, 2006-09-21, 11:34 AM | Сообщение # 1 |
Группа: Удаленные





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

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

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

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

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

материал: wikipedia

 
parvinaДата: Воскресенье, 2007-01-21, 0:44 AM | Сообщение # 31 |
Группа: Удаленные





2-D, potomu chto
Quote (2-D)
.statusВ сети {color:#00FF00;}.statusНе в сети{color:#FF0000;}

net!
 
2-DДата: Воскресенье, 2007-01-21, 11:20 AM | Сообщение # 32 |
Спектографист
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
Quote (parvina)
net!
почему нет?
 
parvinaДата: Воскресенье, 2007-01-21, 1:22 PM | Сообщение # 33 |
Группа: Удаленные





2-D, potomu chto takogo koda NET!!! vot vy mne skazhite, esli vmesto artim12@mail.ru ya poshlu pismo na artim12SOBAKAmail.ru, ono doydet?
 
2-DДата: Пятница, 2007-02-02, 10:38 AM | Сообщение # 34 |
Спектографист
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
Quote (parvina)
2-D, potomu chto takogo koda NET!!! vot vy mne skazhite, esli vmesto artim12@mail.ru ya poshlu pismo na artim12SOBAKAmail.ru, ono doydet?
нет конешно
 
ChamfДата: Четверг, 2007-02-08, 0:14 AM | Сообщение # 35 |
Спектографист
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
Quote (parvina)
Основное назначение, для которого технология CSS была разработана, это разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS).

Еще бы кто пользовался wink

Quote (kydapodatsya)
а такой вопрос , немного не в темуВот есть при цитировании это окошко прямоугольное.Можно ли его изменить, если да то где и в какой степени он подвергается изменениям.Можно ли допустим сделать графически, естественно, в верху в левой стороне, чтобы вместо quote(xxxx) был допустим сопряженный с окошком графический элемент, на котором написано "Цитата".

<style>
.posttdMessage span {display:block; text-indent:-9000px; width:ширина картинкиpx; height:высота картинкиpx; background: url('адрес картинки') no-repeat bottom;}
</style>

либо

<style>
.posttdMessage span b {display:block; text-indent:-9000px; width:ширина картинкиpx; height:высота картинкиpx; background: url('адрес картинки') no-repeat bottom; float:left;}
</style>

 
kydapodatsyaДата: Четверг, 2007-02-08, 9:48 AM | Сообщение # 36 |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
Chamf, молодца спасибо, но слишком запоздало biggrin biggrin biggrin Уже сам давно разобрался
 
2-DДата: Воскресенье, 2007-02-11, 0:27 AM | Сообщение # 37 |
Спектографист
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
Quote (parvina)
2-D, potomu chto takogo koda NET!!! vot vy mne skazhite, esli vmesto artim12@mail.ru ya poshlu pismo na artim12SOBAKAmail.ru, ono doydet?
ну напиши правильно плизззз cry cry cry


Сообщение правил 2-D - Воскресенье, 2007-02-11, 0:28 AM
 
kydapodatsyaДата: Понедельник, 2007-02-12, 9:40 AM | Сообщение # 38 |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
2-D, вам надо менять вот это:
Code
.statusOnline {color:#00FF00;}  
.statusOfline {color:#FF0000;}
 
2-DДата: Понедельник, 2007-02-12, 4:26 PM | Сообщение # 39 |
Спектографист
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
Quote (kydapodatsya)
.statusOnline {color:#00FF00;} .statusOfline {color:#FF0000;}
меняю на .СтатусВ сети {clor:#00FF00;}
.СтатусНе в сети {color:#FF0000;}

что не так ? surprised cry


Сообщение правил 2-D - Понедельник, 2007-02-12, 4:27 PM
 
kydapodatsyaДата: Понедельник, 2007-02-12, 4:40 PM | Сообщение # 40 |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
2-D, у вас проблемы с логикой?
.statusOnline {color:#00FF00;} - это отвечает за Статус вСети
.statusOfline {color:#FF0000;} - это за не в Сети
Ничего своего придумывать не надо, просто поменяйте цвета, на необходимые Вам
 
ChamfДата: Четверг, 2007-03-01, 1:20 PM | Сообщение # 41 |
Спектографист
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
Svetonik, можно так

a b font{color:#000;}

 
SvetonikДата: Четверг, 2007-03-01, 2:17 PM | Сообщение # 42 |
Неографист
Группа: Пользователи
Сообщений: 53
Репутация: 0
Статус: Offline
Заработало!Большое спасибо!! cool


Мудрость-это умение вовремя заткнуться и послушать,что скажут умные люди!
 
BoraДата: Понедельник, 2007-03-05, 10:04 PM | Сообщение # 43 |
Спектографист
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Offline
<!-- HEAD STARTS HERE -->

<SCRIPT language=JavaScript>
var img1 = new Image();
img1.src = "plus.gif";
var img2 = new Image();
img2.src = "minus.gif";

function doOutline() {
var srcId, srcElement, targetElement;
srcElement = window.event.srcElement;
if (srcElement.className.toUpperCase() == "LEVEL1" || srcElement.className.toUpperCase() == "FAQ") {
srcID = srcElement.id.substr(0, srcElement.id.length-1);
targetElement = document.all(srcID + "s");
srcElement = document.all(srcID + "i");

if (targetElement.style.display == "none") {
targetElement.style.display = "";
if (srcElement.className == "LEVEL1") srcElement.src = img2.src;
} else {
targetElement.style.display = "none";
if (srcElement.className == "LEVEL1") srcElement.src = img1.src;
}
}
}
document.onclick = doOutline;
</SCRIPT>

<!-- HEAD ENDS HERE -->

</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000">

<!-- BODY STARTS HERE -->

<TABLE border=0 cellPadding=0 cellSpacing=0 style="margin-left:0; margin-top: 10">
<TR vAlign=top>
<TD width=180><li class="m"><A class=Level1 id=OUT0t>МЕНЮ САЙТА </A><BR>
<DIV id=OUT0s style="DISPLAY: none">
<ul class="uz">
<li class="m"><A class="m" href="http://multizona.ucoz.ru/load/">АРХИВ ФАЙЛОВ</A></li><BR>
<li class="m"><A class="m" href="http://multizona.ucoz.ru/publ/">Универсальные пульты ДУ</A></li><BR>
<li class="m"><A class="m" href="http://multizona.ucoz.ru/blog/">обзоры и тесты Аудио/Видео аппаратуры</A></li><BR>
<li class="m"><A class="m" href="http://multizona.ucoz.ru/board/">AUDIO/VIDEO ФАЙЛЫ</A></li><BR>
<li class="m"><A class="m" href="http://multizona.ucoz.ru/faq/">FAQ (вопрос/ответ)</A></li><BR>
</ul>
</DIV>

</table>

<!-- BODY ENDS HERE -->

Здравствуйте ,подскажите пожал,что здесь надо исправит, чтобы при наведении на "МЕНЮ САЙТА"показывал курсор
а это сайт

 
konamenДата: Четверг, 2007-03-08, 6:31 PM | Сообщение # 44 |
Спектографист
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
помаги пожалуйста как подставить фон в Новостях Сайта под это-( [1] 2 3 4 5 6 ») я облазил весь CSS это не нашел!
Помагите пожалуйста Ув. Администрация
 
DanДата: Четверг, 2007-03-15, 2:55 PM | Сообщение # 45 |
Спектографист
Группа: Пользователи
Сообщений: 20
Репутация: 0
Статус: Offline
Подскажите как менять фон разделов на форуме и ещё сбоку на главной странице , справа и слева фон изменять, мне кажется это в CSS надо делать.
 
Форум » Веб-дизайн » CSS » Таблица CSS (месторасположение и назначение стилей в таблице CSS)
Поиск: