티스토리 뷰
1. CSS 작성 방법
1) 내부 스타일 시트: html 내부에 CSS를 직접 작성하는 방법
2) 외부 스타일 시트: 확장자가 css로 끝나는 별도의 파일을 만들고 그 파일과 html을 연결해 사용
- <link href="링크"> 를 사용해 html 파일과 연결시켜 준다.
3) 인라인 스타일: 태그에 스타일 속성으로 css 코드를 작성하는 방법
2. CSS 문법
- 선택자{속성:속성값;}
- 선택자는 스타일링하고 싶은 HTML 태그를 선택하는 영역을 의미한다.
- 선언부는 중괄호 영역인데 스타일링하고 싶은 속성과 속값을 작성한다.
3. CSS color 속성과 색상 단위
- 화면에 출력되는 텍스트는 기본적으로 검정색이다.
- 헤드에 <style> h1{color:red;} </style> // 키워드 방법
- RGB를 이용 > h1{color:rgb(255,0,0)} // 0~255까지의 색상을 적어준다.
4. font-size 속성과 크기 단위
- 폰트의 크기를 변경하려면 css의 font-size 속성을 사용한다.
<head>
<style> h1{font-size:16px} </style>
</head>
- 단위에는 px 이외에도 rem, em, vw, vh 등이 있으므로 유동적으로 사용하도록 한다.