목록inline (2)
Learn & Record
HTML CSS (box요소, display, 레이아웃, float 속성, float-clear, 중첩박스, box-sizing 속성, 연습문제, lsit style, inline, block, overflow, display, scroll box, 목록 스타일)
1. box 요소 - border : 테두리굵기, 스타일, 색상 - margin : 바깥쪽 여백 - padding : 안쪽 여백 - 박스 block 속성 - 마진 margin 속성 : 박스의 바깥쪽 여백, 주로 박스 간의 간격 설정에 주로 사용 - 패딩 padding 속성 : 박스의 안쪽 여백, 박스 안쪽의 콘텐츠 간격을 설정할 때 주로 사용 - 박스의 실제 넓이와 높이 공식 - 한개의 박스에 margin * border * padding값이 모두 적용되었다는 가정 - width 속성과 height 속성은 텍스트가 들어가는 영역(contents)의 넓이와 높이를 지정 - 전체넓이 : width + 2 * (margin + border + padding) - 전체높이 : height + 2 * (margi..
HTML CSS (CSS, CSS 지정 방식, 스타일시트, 아이디선택자, 스타일의 우선순위, 상위 하위 속성, block, inline, box, box 설정 요소)
1. CSS - 각 요소들이 어떻게 보이는가를 정의하는데 사용되는 스타일 시트 언어로, - 홈페이지의 스타일 즉 디자인 요소를 담당 - 선택자(Selector) { 속성 : 값;} - 스타일은 기본적으로는 마지막에 작성된 순서대로 표현되어짐 - 스타일 문법의 종류 - 외부 스타일 시트 - 외부에 작성된 CSS문서 즉 스타일 시트 파일을 연결하여 적용하는 방법 - 내부 스타일 시트 - 태그를 사용하여 CSS 스타일을 적용하는 방법 - - 인라인 스타일(Inline style) - HTML 요소 내부에 style 속성을 사용하여 CSS 스타일을 적용하는 방법 - 2. CSS 지정 방식 - 클래스 선택자 - 본문 (class='name') / 스타일(.name) - 특정한 이름을 부여하여 선택하는 선택자로, ..