728x90
CSS 기본적인 사용법
CSS 문법
/* 속성자 { 속성: 값; } */
h1 { color: green }
- 선택자(selector) : 어떤 요소를 꾸밀지 정의합니다. (h1)
- 속성(property) : 어떤 모양을 꾸밀지 선택합니다. (color)
- 값(value) : 어떻게 꾸밀지 정합니다. (green)
CSS 문법 예문
1. 세미콜론(;)으로 값을 구분하여 여러줄을 입력할 수 있습니다.
2. 값에 공백이 있는 경우 따옴표(') 또는 큰따옴표(")로 감쌉니다.
3. 주석은 /*와 */ 사이에 적습니다.
h1 {
color: green;
/* background-color: grey; */
font-size: 20px;
font-family : 'Nanum Gothic';
}
사용법은 이정도만 아시고 필요한 속성은
그때 그떄 찾아서 사용하세요.
반응형
그리드형
'IT > HTML & CSS & JavaScript' 카테고리의 다른 글
[CSS] 가상요소(before), 가상클래스(hover) 사용법 (0) | 2021.09.16 |
---|---|
[CSS] !important - 속성값 우선 적용방법 (0) | 2021.09.16 |
[CSS] 배경색만 투명하게 만들기 (RGB) (0) | 2021.09.16 |
[CSS] 투명도 조절 방법 (opacity) (0) | 2021.09.16 |
[HTML] HP 체력바/칸 만들기 (0) | 2021.09.14 |
댓글