Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- css필수 속성
- https://api.jquery.com/
- html 문서작성
- do it! html+css+자바스크립트 웹 표준의 정석
- 혼자 공부하는 컴퓨터구조+운영체제
- 코딩 자율학습 html + css + 자바스크립트
- 메모리와 캐시 메모리
- cpu 성능 향상 기법
- propschildren
- react
- css배경
- do it! 한권으로 끝내는 웹 기본 교과서 html+css+자바스크립트 웹 표준의 정석
- CSS
- HTML
- 코딩자율학습
- TS
- 코딩 자율학습 html + css + 자바스크립트]
- 이벤트
- CPU
- Git
- html 기본문서
- Do it
- html 필수태그
- JavaScript
- JS
- 자바스크립트
- 코딩
- html 실무
- css박스 모델
- 코딩 자율학습
Archives
- Today
- Total
목록CSS 속성 (1)
게으른 나에게
[코딩 자율학습 HTML + CSS + 자바스크립트] 2. CSS로 웹 페이지 꾸미기 - "7장 효과적인 레이아웃을 위한 CSS 속성 다루기"
7.1 플렉스 박스 레이아웃으로 1차원 레이아웃 설계하기1. 플렉스 박스 레이아웃플렉스 박스 레이아웃은 1차원 레이아웃 설계를 위해 CSS3에서 추가된 개념. 플렉스 박스 레이아웃의 구성 요소는 다음과 같음.※ 레이아웃 확인 방법: 웹 브라우저에서 지원하는 방법으로 플렉스 박스 레이아웃 확인 가능. 크롬 브라우저에서는 개발자 도구 사용.구성요소설명주축(main axis)플렉스 박스의 빈행 방향과 수평한 축교차축(cross axis)주축과 수직하는 축플렉스 컨테이너(flex container)display 속성 값으로 flex나 inline-flex가 적용된 요소플렉스 아이템(flex item)플렉스 컨테이너와 자식 관계를 이루는 태그 요소 2. 플렉스 박스 레이아웃 기본 속성속성 설명displayflex..
My Study/서적 공부
2024. 7. 22. 21:41