11.16~11.17 TIL

xpmxf4·2020년 11월 17일
0

목차간단 요약
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 Stylefont-family, font-size, font-weight(두께), color(hex color, rgb)
6. Text Styletext-align, text-indent, blockquote(인용구 必시)
7. Margin & Padding, 8-1. Border, 8-2. box-sizing
9. 상속,그룹부모 태그 적용? --> 자식 태그도 적용, 그룹핑 활용(Grouping)(콤마 이용)
10. CSS selectorselector(선택자)의 정의, div .container li.first-list 보고 알면 됨, tag<<class<<id<<inline css
11-1. 이미지<img> , css 에서 background-image
12-1. Block vs Inlinedisplay:block; vs display: inline-block; , float:left/right *display : none ;
12-2. margin autoblock 요소도 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. Input3 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 와의 관계를 나타낸다고 생각하자

0개의 댓글