(HTML & CSS) - 명령어 모음

---

HTML 영역

* 태그

태그 쓰기 위해 필요한 단축키
!+ Tab 키 (자동완성)

a태그/
<a href=""></a>

br태그/ 빈 태그 - 줄 띄우기 용도로 사용
<br>

dlv태그/
<div></div>

섹션태그/
<section></section>

네이브태그/
<nav></nav>

아티클 태크/
<article></article>

HTML영역에서 문자열 띄어쓰기

<태그>&nbsp;<태그> -> 한 줄 띄어쓰기로 취급

---

CSS 영역

---

• 주로 쓰는 display 속성

display : block; - 한 줄에 한개

display : inline-block; - 한줄에 여러개

display : inline-none; - 잠깐 안 보이게

---

꾸미기

• 높낮이 ver_1

너비)
width : 100px;

높이)
height : 100px;

• 높낮이 ver_2

코드를 입력하세요

-글꼴 및 색상 편집

font-size : 5px, 5em , 5rem;




color: red, blue,... / 글꼴 색상 변경(기본)

color : #000000; / 글꼴 색상 변경 헥사코드(색상)
(0부터 f까지)

color : rgb(a,b,c);... / 세밀한 글꼴 색상 변경

color : rgba(a,b,c,x);... / 세밀한 글꼴 색상 변경 (+투명도수치)

background-color : green / 백그라운드 이미지 변경

폰트 사이즈 단위 설명

---

-문자열 편집

text-decoration : none; 

-문자열 다양한 효과(밑줄,밑줄제거 등등...)

border : 5px solid red;

-영역 표시선으로 용이
(굵기가 5px고 빨간색인 구분선을 만들겠다~_)

-정렬

text-align: center, left, right;

내가 가진 자식에게 정렬 적용하면 정렬이 티가 남
(정확히는 본인한테 적용시  본인이 가진 크기선에서만 정렬 적용
꽉 차 있어서 정렬을 적용했지만 움찔움찔하는 상태)

-가상요소 선택자

div : hover {
color : ~~~
}

hover : 마우스를 올리면 ~ 하겠다