EdgeSecu

웹 기초 스터디 5주차 WIL5 본문

STUDY/GDSC

웹 기초 스터디 5주차 WIL5

Edgemine 2023. 4. 11. 18:52

복습

<!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  (1) 2023.03.24
'STUDY/GDSC' Related Articles more