HTML, CSS 꾸미기

보기 좋게 만들 때 쓸 것들. 기능 쪽은 이전 글.

꾸미기 관련은 그때그때 찾아쓰는데, 북마크해두었던 걸 모아봄.

 

px, em, pt, % 등의 단위를 쓸 때 좀 맞춰줘야 적용됨. %는 부모요소의 크기 정보가 있어야 적용됨. 이럴 필요 없는 단위가 있었는데 뭐더라...

padding, margin (솔직히 얘는 뇌가 싫어서 피해다니는듯)

참고 링크

---

input attribute

text-align: input box 안에서 텍스트 정렬

letter-spacing: 자간

그 외 참고

<input type="text" style="text-align:center; width:70px; height:30px; letter-spacing: -5px"> 

css - input box 여러개를 한 줄로 넣기 (시뮬레이션 링크)

input {
 display:inline;   
}

---

font awesome 예제

참고 링크

버튼에 아이콘 넣기

---

table 만들기

참고 링크1

참고 링크2

 

table 칸 합치기 - 구성요소 단순하게 배치 할 때 편함

참고 링크

---

background

MDN 문서 브라우저들아 제발 통일 좀 하고 살아라...

참고 링크1

참고 링크2

고정하기

---

color teal , font cursive 예쁜듯.