일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 시큐리티 로그인
- 목록
- programmers
- Spring boot
- 2차원배열
- 로그인
- java
- Linux
- 스프링 부트
- gradle
- codingtest
- 코딩테스트
- 반복문
- css
- 소스트리
- 리눅스
- springSecurity
- html
- security
- 시큐리티 로그아웃
- 싱글톤
- 시큐리티
- sql
- JAVA11
- javascript
- StyleSheet
- 프로그래머스
- input태그
- 시큐리티로그인
- springboot
Archives
- Today
- Total
JAVAIARY
외부스타일시트 본문
외부스타일시트
선택자를 이용해 작성해 놓은 스타일 시트를 .css파일로 저장하여
원하는 html문서에 불러와서 적용할 수 있는 기능
장점
- 내용과 스타일을 분리하여 데이터 관리가 쉬워짐
- 동일한 스타일을 여러 페이지에 적용할 때 유용
h1 {
color : navy;
font-size : 3.5em;
font-style: oblique;
}
h1: 선택자
color: 속성
navy: 속성값
.css 파일에 저장한 내용
외부스타일시트 적용하기
<head>
<link href="2.externalStyleSheet.css" rel ="stylesheet">
link href = "경로/파일명" rel = "연결해주는 파일의 유형"
</head>
'lectureNote > CSS' 카테고리의 다른 글
목록 스타일 (0) | 2022.10.06 |
---|---|
목록 / 표 스타일 (0) | 2022.10.03 |
글꼴 관련 스타일 (1) | 2022.09.26 |
스타일시트의 선택자 (0) | 2022.09.25 |
내부 스타일시트 (0) | 2022.09.25 |