추씨의HTML일기14편

2023. 10. 31. 16:28html, css.javascript

금일강의내용정리

==========================================================================

JAVASCRIPT>tut03.html

------------------------------------------------------------------------------------------------

JAVASCRIPT>tut04.html

------------------------------------------------------------------------------------------------

HTML>tut12>ex02.html

------------------------------------------------------------------------------------------------

HTML>tut12>ex03.html

------------------------------------------------------------------------------------------------

HTML>tut12>ex04.html

------------------------------------------------------------------------------------------------

selector 선택자
1. 속성 선택 : <input type="text"> => [ ]
 ^ : 시작
 $ : 
 * : 포함하는 것
2. class : .
3. id : #

 

RES>res_ex01.html

------------------------------------------------------------------------------------------------

RES>res_ex02.html


1. 반응형 사이트 : 방법론

2. 해상도 : 미디어 쿼리를 이용해서 해상도 설정 후 작업
I3(아이폰) : 320px
tap(테블릿) : 768px
lap(노트북) : 1280px

max-width(화면 크기 설정) : 기본은 내용크기 최대 max-width
max-width : 100px;

min-width : 최소 100px 최대 모니터 크기
min-width : 100px;

3. 화면 크기 : max-width, min-width
 (1) 내가 처음 작업을  lap맞춰서 작업을 한다면(max-width)
    lap -> tab -> mobile
     처음 해상도는 미디어 쿼리 생략 가능
 (2) Mobile(min-width)
    mobile ->tap -> lap 
     처음 해상도는 미디어 쿼리 생략 가능

 

RES>flex_ex03.html

여기까지 금일강의내용 정리

==========================================================================

느낀점 : 왜갑자기 문을 열어놓고 수업하노

==========================================================================

오늘의 결론

.

.

.

.

.

.

.

성공적인 삶의 비밀은 무엇을 하는 게 자신의 운명인지 찾아낸 다음 그걸 하는 것이다. – 헨리 포드

 

'html, css.javascript' 카테고리의 다른 글

추씨의HTML일기16편(RES)  (0) 2023.11.01
추씨의HTML일기15편(JAVASCRIPT)  (0) 2023.11.01
추씨의HTML일기13편  (0) 2023.10.30
추씨의HTML일기12편  (0) 2023.10.27
추씨의HTML일기11편  (1) 2023.10.26