html , css (2) 썸네일형 리스트형 [CSS] 박스 모델 "생활코딩님의 css 강의 내용을 정리한 글입니다" CSS 박스 모델 → 부피감 활용 화면 전체를 쓰는 태그들 - block level element 자기 화면 공간만 쓰는 태그들 - inline level element 컨텐츠 크기를 지정할 때 폭 : width높이 : height 컨텐츠와 바깥쪽의 테두리 사이 간격 :padding 테두리와 테두리 사이 간격 : margin 여기서 큰 CSS 는 화면 전체를 쓰는 태그로 block level element 이고, 작은 CSS 는 자기 화면 공간만 쓰는 inline level element 이다. 코드 예시를 보자 CSS CSS [CSS] CSS 기초 개념 및 문법 (1) - style , selector , declaration "생활코딩 css 강의의 내용을 정리한 글입니다." CSS가 등장하기 전의 상황 원래는 HTML (전자문서) 만 있었음. 하지만 사람의 욕심이 끝이 없음 . 웹 페이지를 아름답게 만들고 싶은 욕구 html - 디자인과 관련된 새로운 태그 생성했지만 한계점 있었음 ( 기존 정보 검색의 HTML 과 구분 어려움) -> css - 디자인과 최적화된 완전히 새로운 언어 탄생 CSS의 등장 css 를 통해서 중복된 코드를 제거 → 유지 보수를 훨씬 효과적으로 디자인과 관련된 것은 여기서 a : 선택자(selector) { } 안의 코드 : 선택자에게 지정될 효과 (declaration) color : red (property) : (value) 2) style 속성을 쓴다. style이라는 속성은 웹브라우저는 c.. 이전 1 다음