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>

좋은 웹페이지 즐겨찾기