CSSについて
スプリングに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>
display:要素のブロックレベル、行内かどうかを変更できます。
border:要素が占める領域に枠線を描画できます。
Box Model:1つの箱は4つの領域から構成されています
Reference
この問題について(CSSについて), 我々は、より多くの情報をここで見つけました https://velog.io/@tjdrhd1207/CSS의-이해テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol