웹 전단 - css 스타일의 복합 쓰기

많은 양식을 한 줄에 써서 코드의 양을 줄이는 것이다.
만약 글씨체의 일부 양식과 같이 우리는 문자의 크기, 색깔, 굵기 등을 모두 한 줄 안에 쓸 수 있다.
특정 스타일 속성:
/span>html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>  title>
    <style type="text/css">
        div{
            font-size: 20px;
            font-family: "  ";
            font-weight: bold;
            color:red;
            font-style: italic;
        }
    style>
head>
    <body>
        <div>    div>
    body>
html>

연사 후의 모습:
/span>html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>  title>
    <style type="text/css">
        div{
            color:red;
            font: italic bold 20px "  ";
        }
    style>
head>
    <body>
        <div>    div>
    body>
html>

font 속성의 연사는 순서가 있습니다. 형식은 다음과 같습니다. font: font-style font-weigth font-size font-family;
위치를 잘못 쓰면 표시되지 않을 수도 있습니다. 어떤 스타일이 필요하지 않아도 되고, 예를 들어 글씨체의 크기가 변하지 않아도 됩니다. 그러면 우리는 세 개를 쓰면 됩니다.

좋은 웹페이지 즐겨찾기