본문 바로가기

분류 전체보기62

[10DEC, 2020] CSS Font & Box FONT : CSS에서 폰트는 font property를 통해 설정할 수 있다. color는 hex color로 설정하며 기본적인 white, black, blue 등은 영어입력으로도 나온다! 글꼴은 font-family로 설정하며 구글폰트에서 다양한글꼴 이용가능하다. 💡 Today's Check Point font에서 내가 어렵다고 느낀건 크기를 설정하는 단위이다. 절대단위 : px, pt 등 상대단위: %, em, rem, ch, vw, vh 등 *px: 화면크기가 절대적인 경우 (ex.출력용)에 유리하다. px는 CSS를 통해 글씨크기가 고정되기에 사용자가 브라우저 글꼴크기를 키워도 적용이 안되어서 불편함이 있을 수 있으며 모바일에서도 뚜렷하지 못한 형태로 출력될 수 있다. *rem: 보통의 경우는.. 2020. 12. 20.
[10DEC, 2020] HTML Tag & CSS Selector HTML / CSS / JavaScript 관계성 HTML (HyperText Markup language) 은 웹페이지의 구조를 만들고, CSS (Cascading Style Sheets) 는 디자인 요소를 시각화해주며, Javascript는 단순한 웹페이지를 프로그램으로 만들어 유저들과 상호작용을 하게 해준다. HTML 기본 구조와 문법 HTML은 Tag들의 집합이다. tag들이 트리구조를 이루고 있으며 ' ' 이렇게 여는태그, 닫는태그의 쌍으로 이루어져있다. 💡Today's Check Point div & span tag div와 span의 가장 큰 차이점은 웹에서 차지하는 공간이다. div = 한줄 / span = 컨텐츠 크기만큼의 공간을 차지한다 a tag 링크삽입 하는 태그 ex) input,.. 2020. 12. 19.