국비지원 JAVA(자바) 프로그래밍 (css CSS 인라인, 시맨틱 태그)
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:바닥글-회사 카피라이트