Software, Computer Science/HTML, CSS
-
HTML, CSS 관련 내용 개인 정리(CSS display, float)Software, Computer Science/HTML, CSS 2020. 1. 29. 13:59
2-4. CSS Display 관한 정 리 (이미지 출처 : https://www.tutorialbrain.com/css_tutorial/css_display/) block 속성 : 대부분의 HTML elements들은 대부분 block 속성으로 되어 있다. assignment 1 배너 사이드바 main contents assignment 2 배너 사이드바 main contents 2-6. border-box를 쓰는 이유 간략하게 정리 FE개발자가 매번 요소들을 추가할 때 padding, margin영역을 한꺼번에 고려하여 실제 컨텐츠의 크기를 계산해야 하는 번거로움을 줄이기 위해 box-sizing: border-box등을 사용하기도 한다. 그 밖에 content-box, border-box, init..
-
HTML, CSS 관련 내용 개인 정리(HTML, CSS 개요, CSS Position)Software, Computer Science/HTML, CSS 2020. 1. 28. 21:31
1. HTML 내용 정리 1-0. 정의 HyperText Markup Language의 약자로 웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작한다.(위키피디아 출처) 1-1. 주요 구조 contents...blahblah... tagname : 태그의 이름에 해당 ex) html, head, body, a, h1~h6, header, section, aside div 와 같은 열린 태그와 img, hr, br과 같이 끝 태그가 존재하지 않고 시작과 동시에 종료(태그와 태그 사이에 내용이 없다)되는 닫힌 태그 등이 있다. class에 해당하는 부분 : 속성(attribute)로 불리며 태그에 종류에 따라 하나 이상의 여러 속성을 줄 수 있다. contents… 에 해당하는 부분 : 태그의 내용영역에 ..