CSS (3) 썸네일형 리스트형 display 속성 html의 요소를 블록 또는 인라인 요소 중 어느 쪽으로 처리할 지를 정의 블록 요소: 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성 인라인 요소: 자기에게 필요한 만큼의 공간만 차지 inline: 요소를 인라인 요소로 처리한다. div{ display: inline; } - 블록 요소인 div 요소를 인라인 요소로 처리한다. block: 요소를 블록 요소로 처리한다. a { display: block } - 인라인 요소인 a 요소를 블록 요소로 처리한다. inline-block: 인라인으로 배치하되 블록 요소의 속성을 추가할 수 있다. div{ display: inline-block} - 블록 요소인 div를 인라인 요소로 처리하지만 width, height와 같은 block 요소의 속성을 처리.. 선택자 CSS 기본 문법 선택자 { 속성명: 속성값; } 여기서 선택자란 어떤 요소에 스타일을 적용할 것인지에 대한 정보다. 선택자의 종류에는 기본 선택자, 그룹 선택자, 특성 선택자, 결합 선택자, 의사 클래스, 의사 요소가 있다. 기본 선택자 1. 전체 선택자 모든 요소를 선택함. * 로 표시함. *{ 속성명: 속성값; } 2. 태그 선택자 해당 태그 요소를 모두 선택한다. p{ 속성명: 속성값; } p 태그 요소 모두를 선택하여 스타일을 적용한다. 3. 클래스 선택자 주어진 class 속성값을 가진 모든 요소를 선택한다. .title{ 속성명: 속성값; } 문서 내 class가 "title"인 모든 요소에 스타일을 적용한다. 4. 아이디 선택자 주어진 id 속성 값을 가진 요소를 선택한다. #content.. CSS 기본 문법 CSS : Cascading Style Sheets HTML 문서에 스타일을 더해준다. 웹문서의 콘텐츠에 스타일을 추가하는 언어(색상, 크기, 위치 등) CSS 기본 문법 선택자{ 속성명: 속성값; } 예시) p{ color: red; } p 태그(선택자)의 색상(속성명)을 빨간색(속성값)으로 하라! 주석 달기 p{ /* color: red; */ } /* */ 사이의 내용은 주석 처리 된다. HTML에 CSS를 더하는 방법 인라인 스타일 : 해당 html 태그에 속성을 직접 작성한다. 스타일 태그: html 메타 태그에 CSS 태그를 따로 작성한다. 문서간 연결: CSS 문서를 따로 작성하여 html 문서와 연결한다. 인라인 스타일 부상 트라우마 인지행동치료 인지재구성 마음챙김 스타일 태그 부상 트라우.. 이전 1 다음
