CSS 위치 지정 및 크기 조정

Question

저는 CSS를 약간 배우려고하고 있으며 요소 위치 지정 및 크기 조정을 포기하려고합니다.

이 왜 콘텐츠의에 의해 필요한 크기를 유지하기 위해

#name { 

height: 25% ; 
} 

원인에게 div을한다 (텍스트의 한 줄이있는 경우 등을의 div 높이는 하나의 라인이 될 것이다).

그러나 내가 position: relative ;을 추가하자마자 25 %가 높아 집니까?

그 이유는 요소가 크기를 변경하려고 할 때마다 위치 속성을 추가해야한다는 의미 인 것 같습니다. 정적 인 흐름에서 위치를 취하고 싶지 않더라도 말입니다.

또한 내 크기 조정을 위해 어떤 단위를 선택해야하는지 이해하지 못합니다. em, px, percentage ... 그건 좀 과잉이야. 레이아웃을 "동적"또는 "반응 적"으로 유지하기 위해 항상 매번 %를 사용하는 것이 유용 할 것이라고 생각했습니다. 이것이 틀린 것입니까?

이

마지막으로 한가지 : 대부분의 디자이너는 지금까지 내가

Answer 1

다른 요소들, 예를 들어 그들에게 적용되는 다른 기본 display 값을 보는 바와 같이 거의 사용되지 않고 대신 id의 class -attribute를 사용하는 이유는 무엇입니까하십시오 div가있다 display이 block이고 span 요소가 inline 인 경우 inline 요소의 높이를 조정하려고합니다.

측정 값은 모두 자리가 있지만 대개 em으로 고정하고 크기는 글꼴 크기로 조정됩니다. 백분율은 특정 상황에서 px와 같이 유용합니다. 그러나 반응 형 디자인에 관해서는 주로 미디어 쿼리를 사용해야합니다 (백분율 측정을 사용하면 앞에서도 도움이 될 수 있음).

마지막 질문에 답하기 위해 ID는 HTML에서 한 번만 사용할 수 있으므로 한 요소에만 적용 할 수 있으며 여러 요소에 대해 클래스를 여러 번 사용할 수 있으므로 더 많은 선언이있을 것입니다. 그 (것)들의 html에서.