본문 바로가기
728x90
반응형

CSS

 (3)
[CSS] 박스 모델 박스 모델 CSS에 포함되는 모든 요소의 외장은 박스이다. 박스를 이해하는 것은 CSS를 통해서 레이아웃을 만들거나, 아이템과 다른 아이템을 정렬하는 것을 가능하게 하는 열쇠이다. 블록 및 인라인 블록(block) : 줄바꿈이 되는 박스 인라인(inline) : 줄바꿈이 일어나지 않으며, 크기도 지정할 수 없는 박스 인라인 블록(inline-block) : 줄바꿈이 일어나지 않으며, 크기를 지정할 수 있는 박스 블록(block) , 요소는 블록 레벨 요소이다. https://codepen.io/hanjy2008/pen/QWQbvma 인라인(inline) 요소는 인라인 레벨 요소이다. https://codepen.io/hanjy2008/pen/yLvNbjq 인라인-블록(inline-block) 인라인 레벨..
[CSS] 속성과 셀렉터 속성 색상 css에서 색상을 적용하는 속성은 여러가지가 있다. 글자의 색상을 적용하는 color와 배경 색상을 적용하는 background-color , 박스 테두리 색상을 적용하는 border-color등이 있다. .box { color: red; background-color: black; border-color: purple; } 글꼴 글꼴을 설정하는 속성은 font-family이다. * { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } 사용하려는 기기에 따라서 지원하지 않는 글꼴이 존재할 수 있다..
CSS CSS(Cascading Style Sheets) CSS는 HTML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트이다. 웹 페이지에 스타일과 레이아웃을 적용할 때 사용한다. CSS 구조 body{ color: blue; font-size: 13px; } body 는 셀렉터이다. {}는 선언 블록이다. color: blue; 는 선언이다. color , font-size 는 속성명이다. blue , 13px 는 속성값이다. ; 는 선언 구분자이다. CSS를 HTML에 적용하는 방법 CSS를 HTML에 적용하는 방법은 3가지가 있다. Inline Style Sheet Internal Style Sheet Linking Styele Sheet Inline Style Sheet HTML 태그의 styl..
728x90
반응형

티스토리툴바