Возможный дубликат:
Что означает синтаксис сокращенного шрифта CSS?
Недавно, проверяя стиль веб-сайта яблока, я столкнулся с этим объявлением правила CSS, которое я не мог понять:
body {
font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
Я не мог понять, и поэтому хотел знать, что как работает косая черта в font: 12px/18px?
Это просто означает font-size и line-height
font: 12px/18px /*12px font-size and 18px line-height*/
Это короткая нотация... В CSS есть еще много, которые вы можете использовать, например,
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
Можно просто написать как
margin: 10px 20px 30px 40px
^----^----^----^
Top/Right/Bottom/Left
Или скажем, например, это
border-width: 1px;
border-style:solid;
border-color: #ff0000;
Может быть записано как
border: 1px solid #f0000;
Здесь прохладный список сокращенного CSS
Это сокращение для font-size: 12px; line-height: 18px.
Его короткий отрезок для установки 2 свойств css и делает то же самое, что и следующее:
font-size: 12px;
line-height: 18px;