CSSについて

6457 ワード

スプリングにCSSを適用する前に、静的リソース配線が必要です!(よく忘れます)

Spring勾配の場合、

spring.mvc.static-path-pattern=/static/**
spring.resources.static-locations=classpath:/static/
spring.resources.add-mapping=true

静的ルーティング用に追加

DIV

divブロックレベルで1行のスペースを占有

<style>
        div{ border: 3px solid red;
             }
        span{
            border-width: 5px;
            border-style: dashed;
            border-color:rgb(100%, 50%, 0%);
        }
    </style>
</head>
<body>
    <div>나는야 블록 레벨</div>
    <span>나는야 인라인</span>
</body>
</html>

<style>
        div{ border: 3px solid red;
             display:inline;} <-- display에 inlie속성 적용하여 블록레벨에서 인라인으로 변경
        span{
            border-width: 5px;
            border-style: dashed;
            border-color:rgb(100%, 50%, 0%);
        }
    </style>
</head>
<body>
    <div>나는야 블록 레벨</div>
    <span>나는야 인라인</span>
</body>
</html>