| 목차 | 간단 요약 |
|---|---|
| 1. Introduction to HTML | <시작태그 요소="">내용</끝태그> -----> 요소(element) |
| 2. HTML 의 기본구조 | <html>, <head>,<body> / <header>, <span>, <p> |
| 3. HTML Attributes | <id>,<class>,<src>,<alt> |
| 4. Introduction to CSS | 인라인, <style>태그, css파일 이용해서 도입 |
| 5. Font Style | font-family, font-size, font-weight(두께), color(hex color, rgb) |
| 6. Text Style | text-align, text-indent, blockquote(인용구 必시) |
| 7. Margin & Padding, 8-1. Border, 8-2. box-sizing |  |
| 9. 상속,그룹 | 부모 태그 적용? --> 자식 태그도 적용, 그룹핑 활용(Grouping)(콤마 이용) |
| 10. CSS selector | selector(선택자)의 정의, div .container li.first-list 보고 알면 됨, tag<<class<<id<<inline css |
| 11-1. 이미지 | <img> , css 에서 background-image |
| 12-1. Block vs Inline | display:block; vs display: inline-block; , float:left/right *display : none ; |
| 12-2. margin auto | block 요소도 width 로 가로 너비 지정 가능 / auto 는 나머지 공간 균등하게 분배 |
| 13. List | <ul>,<ol> css로 양념가능 selector:first(last)-child, selector:nth-child(odd/even) |
| 14. Table | <table>의 기본구조(tr,th,td), rowspan, colspan |
| 15. Input | 3 types: text, password, number / placeholder inline element이지만 div로 block font-size, border-radius, resize:none; selector:hover{} |
| 16. Position-absolute | 어느 위치에나 그리기 가능 position : relative ( 가변적 ) position : absolute ( 불변적 ) *absolute 는 relative 와의 관계를 나타낸다고 생각하자 |
언제나 한 발짝만 더...!