CSS_SpringBoot 비망록
1548 단어 SpringBootCSS
CSS 폴더의 위치
resources 폴더>static 폴더의 아래에 CSS 등의 폴더를 작성해, 그 안에 배치한다.
외부 파일을 보는 방법
<head>
<!--中略-->
<link th:href="@{/css/hoge.css}" rel="stylesheet" type="text/css">
<!--中略-->
</head>
|요소|설명||----|----|----|
||외부 스타일시트를 로드할 수 있습니다. 이 요소는 헤드 요소 내에서 사용됩니다. ||
|rel|relation의 약자. 외부 스타일 시트를 읽으려면 "stylesheet"를 지정하십시오. ||
|th:|Thymeleaf의 th:href 속성에서 참조할 파일을 지정합니다. @{/} 라고 기술하는 것으로 static 디렉토리의 루트로부터의 패스를 지정할 수가 있다. ||
|type|"text/css". CSS의 MIME 타입 지정 ||
|MIME 유형 |파일 유형을 지정하는 정보 ||
BootStrap을 사용하는 경우
<head>
<!--中略-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<!--中略-->
</head>
같은 요소내에 클래스명을 복수 지정하고 있어 그 모두에 같은 CSS를 적용하는 경우
그 복수 지정하고 있는 모든 클래스명에 같은 CSS를 적용시키는 경우는, 반각 스페이스로 단락짓지 않고 셀렉터를 연결해 기술합니다. h tps://오이이가 와비와 r-ㅇㅇt. 하테나 bぉg. 코m/엔트리/2013/07/10/233000_1
html 기술 방법
<div class="sample1 sample2">
<p class="sample3">サンプルテキスト</p>
</div>
Reference
이 문제에 관하여(CSS_SpringBoot 비망록), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/YuichiTanaka007/items/ea7824be66196b61f614텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)