flex 2

7. Positioning

- element의 위치를 지정 1. width, height 속성 - block의 너비와 높이 크기를 설정 - block element만 적용됨 (=inline element는 적용X) - default값 width = 자신의 상위 block에서 허용하는 내부 width 크기만큼 100% 채움 height = 0%, block속의 내용물의 크기 2-1. position 속성 - 위치 옮기기 위한 기준점 잡기 속성 값 의미 static default값으로 일반적인 내용물의 흐름, 기준이 없으므로 배치 불가능 relative 일반적인 내용물의 흐름, 자기 자신을 기준으로 배치 absolute 상위 element를 기준으로 절대적인 위치 지정 fixed 사용자가 보는 뷰를 기준으로 배치 (항상 화면상의 지정..

Programming/CSS 2022.03.13

CSS 기초

1. CSS 기초 문법 선택자(Selector) : 스타일을 적용하고자 하는 HTML 요소 2. HTML에 CSS를 적용하기 [방법1] .css 파일을 만든 후, html에 적용 css파일에 코드를 작성하고 아래의 코드를 html파일 head태그 안에 붙여준다. [방법2] html에 css코드를 작성 html파일에 head태그 안에 아래와 같이 작성한다. [방법3] 태그 속성으로 지정 태그마다 속성으로 따로 스타일을 지정해준다. html과 css가 잘 구별되지 않기 때문에 추천하지 않는다. hello 3. 선택자 1. 선택자 특징 여러 선택자는 ,를 이용하여 한번에 사용 가능 h1, p{ color : blue; } 2. 종류 1) 태그 p{ color: blue; } 2) 아이디 = HTML 문서 내에..

Programming/CSS 2021.02.08