고정 헤더 영역
상세 컨텐츠
본문
CSS는 천천히 조금씩 올려야징
CSS 기초 문법 Start!
이미지는 내가 만든 강의자료가 아니라서 눈으로만!!
p : 선택자(selector), 스타일을 적용하고자 하는 HTML 요소를 선택하는 역할
선택자 뒤에 { } 중괄호 안에 있는 한 블록을 선언 블록 이라고 부름
중괄호로 다음 선언 블록과 구분되며 각각 적혀있는 선택자에 한해서만 스타일이 적용
→ '이 문단에는'에 해당
color, font-size : 속성(Property), 지정할 스타일의 속성명에 해당, ';'을 이용하여 구분 '속성: 값;' 이 한 단위
→ '크기는', '색은'에 해당
18px, blue : 값(value), 키워드나 특정 단위를 이용하여 원하는 스타일을 적용, 속성과 쌍을 이룸
→ '18px', '파랑'에 해당
속성은 값을 짝으로 가지는데, 속성과 값의 한 쌍을 선언이라고 부름, ;로 구분
CSS는 단독적으로 사용할 수 없고 html에 적용시켜야함
적용 방법
Link style : HTML 외부에 잇는 CSS파일을 불러옴 (가장 일반적)
Embedding style : HTML의 <head>에 <style>을 이용하여 CSS를 작성
Inline style : HTML 요소에 직접 style 속성(Attributes)을 이용하여 CSS를 작성
반응형
'STUDY > __Web development' 카테고리의 다른 글
| [Web development] CSS_박스 모델 (0) | 2021.07.13 |
|---|---|
| [Web development] CSS_텍스트와 관련된 프로퍼티 (0) | 2021.07.13 |
| [Web development] CSS_값과 단위 (0) | 2021.07.10 |
| [Web development] CSS_선택자와 기초 (0) | 2021.07.10 |
| [Web development] HTML 기초 _ 태그 (0) | 2021.07.10 |
댓글 영역