/(косая черта) в объявлениях стиля css

Недавно, проверяя стиль веб-сайта яблока, я столкнулся с этим объявлением правила CSS, которое я не мог понять:

Я не мог понять, и поэтому хотел знать, что как работает косая черта в 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;