230206_27일차 : SQLD특강 / HTML,CSS

1교시, 2교시, 3교시, 4교시 - SQLD특강(SQL자격검정 실전문제 문제풀이)

https://docs.google.com/spreadsheets/d/1Vw5sDEVFC6JNIWpK4P7dTgQivIhViGiZyu1YC6M-PIE/edit#gid=292551078

=> 

SQL개발자 - 학원문제풀이(4일) : 총 5과목 중 필수문제정리

1) 데이터모델링의 이해 - 26/30Q

2) 데이터모델과 성능 - 10/22Q

3) SQL 기본 - 43/64Q

4) SQL 활용 - 35/63Q

5) SQL최적화 기본원리 - 0/19Q

 => 114 / 198Q

 

5교시, 6교시, 7교시, 8교시 - HTML/CSS(CSS)

1. CSS

1) 속성

① 가시속성 (display) : 요소가  화면에 보이는 방식지정

- 공간분할태그 : 경계를 분할하거나 영역을 나눌 때 사용하는 태그 / <div>, <p>, <span>

· display:block : 웹 페이지의 가로공간을 모두 차지하는 속성(ex. div, p, h1, ul, ol, table..)

· displqy:inline : 컨텐츠(내용)이 끝나는 지점까지 너비를 가지는 속성(span, a, strong, textarea..)

 주의) 단, 너비와 높이를 설정할 수 없다.

 

② 위치속성 : 모든 요소는 '사각형'으로 구성되어있다. (효율적인 사용을 위하여)

- Box Model의 속성

- margin : 테두리를 기준으로 요소의 바깥여백 지정 / padding : 테두리를 기준으로 요소의 안쪽여백 지정

+ body태그의 기본 margin값은 8px(default값)

+ margin중첩현상 : 동일한 마진값이 겹쳐지면 중첩된다.

- box-sizing : 요소의 크기를 화면에 표시하는 방식

+ content-box : 내가 설정한 너비 = 컨텐츠의 너비 / 컨텐츠의 영역만을 크기로 삼는 속성 /default값

+ border-box : 내가 설정한 너비 = 컨텐츠 + 패딩 + 보더까지의 너비 / border까지를 크기로 삼는 속성

- border

border-radius : 테두리를 둥글게 만들어주는 속성

-실습