220901 TIL

Today I Learned

웹페이지 디자인 시 가장 먼저 고려해야 할 부분
용어정리
CSS 배운 내용 정리

웹페이지 디자인 시 가장 먼저 고려해야 할 부분

컨텐츠에 집중하지 않고, 가장 먼저 몇개의 덩어리로 이루어져 있는지 판단.
경계선이 나누어져 있는 경우, 각각의 덩어리로 판단.

용어정리

<div> : 태그 
<div>고양이</div> : 요소

//

css

div{
       : Selector = Type Selector (태그 타입을 기반으로 선택)
}

div {
	bacground-color: orange;    :  background-color : property (속성)
                                : orange : 속성값
}

CSS 공부

initial value : 초기값, 기초값 -> 해당 Property의 초기값
							-> 모든 Property에는 initial value가 존재, 그 값은 모두 다름.
box-sizing의 initial value는 border-box이며 border, padding은 여기서 추가로 사이징된다.




* : univertial selector		-> 전부 선택 

width: auto; 				->부모기준 범위 내의 범위에서 꽉 채워짐
height: auto;				->자식기준 범위 내 꽉 채워지게 됨 , 산소같은 존재임 (자동으로 지정)

width: auto    VS    width: 100%의 차이점 
-> 부모가 제공해주는 컨텐츠 영역 너비만큼 가득 차는것은 같지만, margin 또는 padding의 너비를 브라우저가 알아서 계산 하느냐 마느냐의 차이