이틀간 공부한 HTML 과 CSS 내용 중 까먹을 것 같은 내용을 정리해 보았다.
| Chapter | Subject | To remember |
|---|---|---|
| HTML & tag | 주요 태그 | 필수태그: <!DOCTYPE> <html> <head> <body> <a>태그 사용시 target="_blank" 추가하여 새창에서 열기언어: 인코딩을 UTF-8 |
| font style | font-family, font size, font weight,font style, color 설정하기 | hex code - 6자리 #eb4639 rgb : red, green, blue - rgb(235, 70, 57), hsl: hue, saturation, lightness - hsl(num, %, %) |
| 문구 스타일 | 텍스트 정렬, 들여쓰기(text-indent), blockquote | |
| Margin & Padding& Border | 밑줄긋기 | border-bottom 으로 조정 |
| Box-sizing | padding / margin 의 값을 포함하도록 함 | * {box-sizing: border-box;} |
| CSS Selector | inline: 1000점 id: 100점 class: 10점 tag: 1점 p.(id) 처럼 붙여쓸 때 : tag 이면서 class or id 띄워쓸 때: 부모 tag 안의 class or id | |
| Image | alt, src, background-image 넣기 | div 내의 background-image 에 class 를 넣고 content 가 없으면 이미지가 뜨지 않는다. |
| Margin | margin auto 설정 | margin: 20px auto; |
| list | ol, ul 사용 | selector:first-child, last-child, nth-child(odd/even) 사용하여 리스트의 특정 번째 목록에 서식 추가 |
| Input | type 설정, placeholder/text 작성 button 스타일 | type:"text, number, password", textarea 태그 사이에 text 넣기, button 은 hover 로 처리 |
