Front-end/HTML 5, CSS3

세부적으로: 테두리 border vs. outline, 100% vs 100vs, 100vh

prden 2023. 7. 21. 12:32

1. outline 

https://aboooks.tistory.com/228#google_vignette

 

[css] outline 속성, 용도는?

[css] outline 속성, 용도는? 오늘 배울 outline 속성은 border 속성과 비슷합니다. border 속성 자세히 알아 보기(border-width, border-style, border-color 사용법) boder를 테두리라고 한다면 outline은 border 바깥 외곽

aboooks.tistory.com

 

2. width: 100%, height: 100% vs. 100vh, 100vw

https://shinye0213.tistory.com/372

 

[CSS] 100%와 100vw/100vh

% %는 부모의 영향을 받는다. 정확히 말하면 부모의 높이/너비 대비 자식의 높이/너비를 지정해주는 단위다. vh, vw vh와 vw는 사용자의 눈에 보이는 스크린 범위에 영향을 받는다. 100vh 1vh는 1/100 view

shinye0213.tistory.com

 

 

'Front-end > HTML 5, CSS3' 카테고리의 다른 글

Flexbox  (0) 2023.07.23
css 선택자  (0) 2023.07.23
반응형 css (Making our Website Responsive)  (0) 2023.07.16
Css Advanced (Section 7~)  (0) 2022.11.12
1. 웹 퍼블리싱  (0) 2022.11.05