반응형
복습
<!DOCTYPE html>을 적는 이유->검색엔진이 잘 알아볼 수 있게(html5에서만 사용)
ul: unordered list
ol: ordered list
li: list tiem
1. CSS(Cascading Style Sheet)
cascading?
상속
<div style="color : red">
빨강
<div>
그대로 상속
</div>
<div style="color : blue">
파랑색으로 새로 정의
<div>
파랑
</div>
</div>트리구조
우선순위
1. 사용자 스타일(컴퓨터 사용자)
ex) Windows의 고대비 설정
2. 제작자 스타일(개발자)
3. 브라우저 기본 스타일
동일 대분류에 있을 경우,
!important>인라인 스타일>id 스타일>클래스 스타일>타입 스타일
Selector를 통해 지정이 가능하다
인라인 스타일-> <h2 style="color:orange"></h2>
<link rel="stylesheet" href="style.css">
Selector
id 선택자-> #아이디 { 속성 : 값, ... }
클래스 선택자-> .클래스 { 속성: 값, ... }
타입 선택자-> 태그 { 속성 : 값, ...}
전체 선택자-> * {속성 : 값, ... }
tip) <p class="red border"> red, border 클래스 모두 적용
tip) 하나의 객체(혹은 코드, 파일)는 하나의 역할만 가지는 것이 좋다
반응형
'STUDY > GDSC' 카테고리의 다른 글
| 웹 기초 스터디 5주차 [CSS] (0) | 2023.04.30 |
|---|---|
| 웹 기초 스터디 5주차 [HTML] (0) | 2023.04.30 |
| 웹 기초 스터디 4주차 WIL4 (0) | 2023.04.04 |
| 웹 기초 스터디 3주차 WIL3 (0) | 2023.03.31 |
| 웹 기초 스터디 2주차 WIL2 (0) | 2023.03.24 |
