250x250
Notice
Recent Posts
Recent Comments
Link
«   2024/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Tags more
Archives
Today
Total
관리 메뉴

개린이 개발노트

국비지원 JAVA(자바) 프로그래밍 (css CSS 인라인, 시맨틱 태그) 본문

국비지원(국비교육) 웹 개발자 과정

국비지원 JAVA(자바) 프로그래밍 (css CSS 인라인, 시맨틱 태그)

개린이9999 2022. 12. 20. 06:21
728x90

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 (mozilla.org)

 

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:바닥글-회사 카피라이트

 

 

728x90

'국비지원(국비교육) 웹 개발자 과정' 카테고리의 다른 글

국비지원 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
'국비지원(국비교육) 웹 개발자 과정' Related Articles more