CSS

[HTML/CSS] 기초 문법

웹 사이트 제작시 고려사항 웹 표준 : 웹에서 요구하는 공식 표준이나 기술 규격을 만족하는지 여부 웹 접근성 : 장애 여부와 상관 없이 모두가 웹 사이트를 이용할 수 있는지 여부 크로스 브라우징 : 모든 브라우저와 기기에서 웹사이트가 제대로 작동하는지 여부 HTML html 문서 구조 - html5로 문서 선언 기본 태그 image 태그 alt 속성은 웹 접근성을 고려하는 옵션으로, 시각장애인들이 사용하는 스크린 리더 프로그램에서 읽힌다. h 태그 태그는 가장 중요한 정보만 담으며, 하나의 html 문서에서 한 번만 사용하자. p 태그 Paragraph의 약자로 본문을 담는다. ol / ul 태그 ol은 Ordered list, ul은 Unordered list의 약자로 나열할 때 사용하며 태그를 자식으..

[CSS] scroll 영역의 크기를 100%로 만드는 방법

Bitfolio bitfolio.me 위 사이트를 Non-scrollable 디자인으로 개발하면서 겪은 에로 사항이다. 스크롤을 사용하지 않기 위해 상단의 Header와 Contents 영역의 height %로 지정해주었고 화면의 세로길이와 관련 없이 항상 꽉 차는 화면을 만들고자하였다. 당연히 오른쪽에 보이는 채팅창의 화면도 height가 %로 지정되어야했다. 채팅창은 스크롤을 위해 'overflow-y : scroll' 속성이 지정 되어야하는데, 해당 속성은 길이가 %로 지정되면 overflow 발생 시 원하는 크기대로 동작하지 않는 문제가 존재했다. height를 vh나 정확한 px 단위로 고정한 경우라면 예측한대로 동작한다. 하지만, 원하던 결과를 발견할 수 없었기에 검색을 거듭했다. 예상대로 o..