Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Тег CSS


Автор: Miller_time 26.5.2008, 15:34
Доброго врменени дня и суток подскажите какой тег отвечает за размер... Имеется ввиду что когды ты изменяешь размер в ВИДЕ буквы становлись большими ну или маленькими. 

Автор: source777 26.5.2008, 15:37
font-size

Автор: bars80080 26.5.2008, 16:45
source777, судя по вопросу, надо пояснить


по умолчанию браузеры могут изменять величину шрифта на странице, если он не задан жёстко.
т.е. если вы укажете: 
Код
a { font-size: 8pt; }
h4 { font-size: 16px; }
 то все ссылки будут с размером шрифта 8 пунктов, а заколовки четвртого уровня 16 пикселей. и их изменить с помощью "вид" будет нельзя.

для того чтобы изменялось, надо все размеры шрифта указывать в относительных единицах (em), делается это так: 
Код
body { font-size: 100%; }
a { font-size: .8em; }
h4 { font-size: 1.5em; }
 здесь мы установили главный размер шрифта 100% (это вроде 12pt), а затем задали величину шрифта для ссылок в 80% (.8em), а для заголовков 150% (1.5em).

здесь также надо помнить о наследовании
если у нас будет такая разметка: 
Код
<h4>Ссылка <a href="#">здесь</a></h4>
 то слово "здесь" будет иметь размер 120%, так как внутри заголовка размер 1.5em * 0.8em размер шрифта для ссылки

Автор: source777 26.5.2008, 17:32
Цитата(bars80080 @  26.5.2008,  16:45 Найти цитируемый пост)
здесь мы установили главный размер шрифта 100% (это вроде 12pt), а затем задали величину шрифта для ссылок в 80% (.8em), а для заголовков 150% (1.5em).
кстати говоря, в процентах тоже никто не мешает задавать размеры, например, так:
Код

body { font-size: 12pt; }
a { font-size: 80%; }
h4 { font-size: 150%; }

Автор: Miller_time 27.5.2008, 08:27
Поменял не получается , на чистом документе вроде рабьотает а так не хочет 

вот пример css

Код




a {
    color: #1919A3; 
    font-size: 8em%;
    font-weight: bold;
    text-decoration: none;
}
a:hover {

    color: #333333; 
    text-decoration: underline;
}



Это может быть из за особенностей портального движка я использую e107. Приложил полную css если кто может взгляните.

Автор: bars80080 27.5.2008, 08:53
слушай, я не знаю, что ты там делал, но в твоём примере (font-size: 8em%;) явно не то, что мы тебе писали,
а про твой файлик вообще говорить нечего, там все шрифты жёстко заданы через px и pt. body вообще имеет нулевой размер, чего ты хотел этим добиться?

Автор: Miller_time 27.5.2008, 10:02
Разобрался спасибо

Автор: BrutalMetal 27.5.2008, 19:11
Здравствуйте.
Не стал создавать новую тему, решил написать сюда..
Скажите пожалуйста, что обозначает такая запись селекторов:
Код

#menu > li + li {
    margin-left: -1px;
}
 
#menu li ul li + li {
    margin-left: -1px;
}


Что значат символы ">", "+"?
и если знаете, подскажите пожалуйста где об этом почитать?

Автор: SelenIT 27.5.2008, 20:14
> - дочерний селектор, элемент справа является непосредственным потомком элемента слева (стиль для p > b применится к <p><b>этому тексту</b>, но не к <a href="#"><b>этому тексту</b></a></p>). Не работает в IE ниже 7-й версии.

+ - соседний селектор, элемент справа является ближайшим соседом элемента слева ((стиль для b + i применится к <b>следующему</b><i> тексту</i>, но не к <b>вот такому</b><br /><i>тексту</i>).

Цитата(BrutalMetal @  27.5.2008,  19:11 Найти цитируемый пост)
где об этом почитать?

Вообще-то в http://www.w3.org/TR/CSS21/selector.html. Неплохо написано http://stepbystep.htmlbook.ru/?id=52 (и рядом;).

Автор: BrutalMetal 27.5.2008, 20:27
SelenIT, 
Спасибо большое за ответ!

Автор: BrutalMetal 27.5.2008, 20:49
все понял! 
п.с. 
(нензаю как удалить это сообщение)

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)