SEB_8_CSS기초(추가)

SEB_FE

zizonemoi 2022. 7. 3. 23:38

늦게나마 작성하는 css 복습 겸 작성

CSS - Cascading Style Sheets

css는 웹 구성하는 것 중에서 꾸미는 역할을 한다 보면 된다! 개인적으로 가장 좋아하는 부분ㅋㅋㅋ 커스텀도 가능하고 자주가는 웹사이트 구성보면서 어떤 스타일을 적용했는지 확인하는게 나름 재밌다.(~~그리고 적용된 스타일 가져와보는것도 재밌다~~)

css는 끝이 없는 분야라고 하셨는데 정말 그런것 같다 구글에서 찾아보면 별 신기한(~~이게 된다고?~~) 속성이 많더라고!! 내가 구현하고자 하는 기능은 거의 찾으면 있으니까 구글링 잘하는 것도 아주 중요한 능력이다.

각설하고 css를 만들어진 html에 적용하려면 3가지 방법이 있다

1. 링크 사용해서 css파일 가져오기 - 강추 (External Style Sheet)

2. 직접 html에 style속성으로 작성 - 비추 (Inline Style Sheet)

3. html head 부분에 작성 - 비추 (Internal Style Sheet)

1. 링크를 사용하는 방법 VScode

head 부분에 link.css 하면 기본 서식 완성 되는데 href안에 css문서 이름 넣으면 된다.

<link rel="stylesheet" href="이 부분에 작성 파일 이름 넣기.css" class="css">

2. Inline

<p style = "color : blue">Hello World</p>

3. Internal

<head>
 <style>
 h1{
 color : blue;
 }
 </style>
</head>

(+css 선택자)

(+flexbox)