Какой класс в CSS отвечает за шрифт на страницах сайта?

Question

Какой класс в CSS отвечает за шрифт только на страницах сайта?

Мне нужно изменить шрифт только на страницах, не зацепив шрифты в боковых блоках, в меню, на форуме и т.д.

Шаблон №888

Вот CSS:

/* General Style */
body {margin:0;padding:0;background:#419FBB;}
#contanier {background:url('http://tsst.ucoz.com/fon4.jpg') center top no-repeat #33FFFF; background-attachment: fixed;}
#mainTable {width:1000px;}
#footer {center top no-repeat;border-top:1px solid #81BED8;width:1000px;}
.boxTable {width:210px;margin-bottom:10px;}
.boxTitle {height:36px; line-height:36px; background:url('http://tsst.ucoz.com/fon4.jpg') repeat-x;color:#000000;text-align:center;}
.boxContent {padding:5px 5px 10px 5px;}
h1.header {color:#FFFFFF;font:20pt bold Verdana,Tahoma;margin:0;padding:0;}
.whiteLink a:link {text-decoration:underline; color:#FFFFFF;}
.whiteLink a:active {text-decoration:underline; color:#FFFFFF;}
.whiteLink a:visited {text-decoration:underline; color:#FFFFFF;}
.whiteLink a:hover {text-decoration:none; color:#000000;}

h1 {margin: 20px; font-size: 18px; color:#0000CC;} 
h2 {margin: 20px; font-size: 16px; color:#0000CC;} 
h3 {margin: 20px; font-size: 14px; color:#0000CC;} 

a:link {text-decoration:underline; color:#ABFFFE;}
a:active {text-decoration:underline; color:#ABFFFE;}
a:visited {text-decoration:underline; color:#ABFFFE;}
a:hover {text-decoration:none; color:#000000;}

td, body {font-family:verdana,arial,helvetica; font-size:10pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#FFFFFF;}
a.noun:active {text-decoration:none; color:#FFFFFF;}
a.noun:visited {text-decoration:none; color:#FFFFFF;}
a.noun:hover {text-decoration:none; color:#000000;}

hr {color:#FFFF99;height:1px;background:#FFFF99;border:none;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#787878;font-size:12px;}

a.menu1:link {text-decoration:underline; color:#FAFAFA}
a.menu1:active {text-decoration:underline; color:#FAFAFA}
a.menu1:visited {text-decoration:underline; color:#FAFAFA}
a.menu1:hover {text-decoration:underline; color:#CCCCCC}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/888/4.gif') no-repeat 0px 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */

Подскажите также, где почитать, какие классы за что отвечают, с примерами. Спасибо большое!

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

Наведите пример и будем по примеру объяснять. — Yuri_Geruk

Sentimo · Answer 1 · 2015-11-07T12:38:39Z

Лучший ответ

Например, так...

#mainTable p {
font: 700 20px/22px "impact";
}

07.11.2015 | Автор: Sentimo
Выбор ответа лучшим | 10.11.2015 | Автор: Yuri_Geruk

"mainTable p" не найдено в css.

Еще варианты?

07.11.2015 | Автор: Белый

Белый,

И не будет. Просто пропишите в ксс.

07.11.2015 | Автор: Sentimo

M_Izmailov · Answer 2 · 2015-11-07T13:29:09Z

Для  начала что такое CSS - это таблица стилей, это файл в котором хранятся все указания - размеры, цвет, жирность шрифтов, как должны выглядеть ссылки и многое другое. Современные сайты верстаются с помощью CSS и если его отключить, то останется "голая страница", в этой статье я постараюсь объяснить как изменить шрифт в Ucoz и не навредить сайту. 

Перейдите: 

Панель управления - Редактор страниц - Управление дизайном модуля - Таблица стилей (CSS) 

Вот так выглядит часть таблицы стилей CSS моего шаблона:

Там где элемент "body" указаны основные стили, нас в данном случае (смена шрифта) интересуют вот эти две строки: font: 12px 'Arial'; color: #555555; В части шаблонов (табличных) CSS отличается, там нужно искать такую строку:

В первом типе CSS: 12px - размер шрифта в пикселях (меня 12px устраивает) 'Arial" - шрифт (мне больше нравится шрифт "Tahoma") #555555 - цвет шрифта (устраивает) Во втором типе CSS: verdana,arial,helvetica - это перечисление нужных шрифтов, если первого не окажется на компьютере у посетителя сайта, то будет использован второй и т.д. 10pt - размер шрифта в пунктах, я использую пиксели (12px), так как они более предсказуемы и выглядят одинаково на компьютерах с разным разрешением экрана. Все эти данные можно менять, при этом не нарушайте целостность кода - не убирайте скобочки, кавычки, двоеточия и др., если не знаете для чего они служат. После смены сохраните CSS и обновите сайт вместе с кэшэм - CTRL+F5 - вы увидите результаты изменений. Для некоторых элементов сайта, иногда для многих, могут быть указаны другие шрифты в CSS, в таком случае в некоторых местах на сайте шрифт останется неизмененным, здесь немного сложнее, нужно найти эти области в CSS и внести в них поправки. Самый простой способ - поиск по CSS с ключевым словом "font", если при поиске видите указание font-size:10px; или другие вариации, то можете сменить на нужное и посмотреть, что получилось на сайте. Можно искать по классам конкретных элементов на сайте, но в Ucoz большое нагромождение кодов, поэтому новичку будет затруднительно найти нужный класс. Сменить основной шрифт на сайте с помощью указанной инструкции можно, а если хотите большего, то изучайте основы CSS.

Нет. В строке

td, body {font-family:verdana,arial,helvetica; font-size:10pt;}

изменение размера шрифта вызывает изменение ТАКЖЕ и всего остального шрифта на странице, а мне это не нужно.

Я об этом говорил.

Еще варианты есть? — Белый

Какой класс в CSS отвечает за шрифт на страницах сайта?

Ответов: 2

О нас

Помощь

Правовая информация

Проекты

Похожие вопросы

uCoz в соц. сетях

Какой класс в CSS отвечает за шрифт на страницах сайта?

Ответов: 2

О нас

Помощь

Правовая информация

Проекты