CSS
::before
::after
태그들
태그::before
해당 태그는 부모가 되고 before,after를 이용한것은 -> 자식이 됨 (인라인요소)
인라인
크기조절못함-> 내용에 맞춰서 크기가 결정
블럭이나 인라인블럭-> 기본 너비는 100%(부모에 따라 달라보일 수 있음)
display:flex
시맨틱 태그(semantic)
기능은 없는데 의미는 있음
기능있음-h1,a,ing
기능없음- div,span
<div class="header"> -> <header>
<div class=main> -> <main>
<div class="footer"> -> <footer>
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
developer.mozilla.org
Semantics - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN (mozilla.org)
Semantics - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN
프로그래밍에서,시맨틱은 코드 조각의 의미를 나타냅니다 — 예를 들어 ("이게 어떻게 시각적으로 보여질까?" 보다)"이 Javascript 라인을 실행하는 것은 어떤 효과가 있는가?", 혹은 "이 HTML 엘리먼
developer.mozilla.org
시맨틱 태그(semantic)
header:머리말(로고-네비<nav>)
section:구분
aside:사이드바
article:본문내용
footer:바닥글-회사 카피라이트
'국비지원(국비교육) 웹 개발자 과정' 카테고리의 다른 글
| 국비지원 JAVA(자바) 프로그래밍 (자바스크립트) (2) | 2022.12.22 |
|---|---|
| 국비지원 JAVA(자바) 프로그래밍 (0) | 2022.12.21 |
| 국비지원 JAVA(자바) 프로그래밍 (카카오톡 프로필사진만들기) (0) | 2022.12.19 |
| 국비지원 JAVA(자바) 프로그래밍 (박스사이징) (0) | 2022.12.16 |
| 국비지원 JAVA(자바) 프로그래밍(CSS) (0) | 2022.12.15 |