컴퓨터 공부하는 블로그 컴퓨터 공부하는 블로그

웹페이지 구성시 CSS를 활용하면 더욱 다양한 레이아웃을 구성할 수 있다. box-sizing 첫번째 박스입니다. 두번째 박스입니다. 세번째 박스입니다. 웹 문서에서 여러 요소 배치시 요소의 너비를 계산해야 한다. 하지만 'width' 속성을 이용할 경우 'content'영역의 너비만 적용된다. 'box-sizing'을 이용하면 'content+padding+border'합쳐서 한 번에 너비를 지정할 수 있다. 속성값을 'content-box'로 주면 콘텐츠 영역만 너비 값으로 사용한다. 속성값을 'border-box'로 주면 콘텐츠 영역+패딩영역+테투리까지 너비 값으로 사용한다. float 속성 박스 입니다. 본문입니다.본문입니다.본문입니다.본문입니다.본문입니다.본문입니다.본문입니다. 본문입니다.본문입..

HTML 문서 내에 목록을 만들 때 목록 앞에 오는 불릿을 CSS로 바꿔줄 수 있다. 'list-style-type'을 속성으로 주고 다양한 속성값을 줘서 불릿 모양을 바꿀 수 있다. 리스트 { list-style-type: 속성값; } 국어 수학 영어 국어 수학 영어 속성 값을 다양하게 줘서 불릿을 바꿀 수 있다. 속성 값을 다음과 같다. 속성 값 설명 예시 decimal 1로 시작하는 십진수 1, 2, 3, 4, 5 ...... 10, 11 decimal-leading-zero 앞에 0이 붙는 십진수 01, 02, 03, 04, 05 ..... 09, 10, 11 lower-roman 소문자 로마 숫자 ⅰ, ⅱ, ⅲ ... ⅹ upper-roman 대문자 로마 숫자 Ⅰ, Ⅱ, Ⅲ ..... Ⅸ, Ⅹ ..

텍스트에 적용할 수 있는 스타일은 굉장히 다양하다. This is HTML, CSS

CSS란? 'Cascading Style Sheet'의 약자로 HTML 문서를 꾸며주는 역할을 한다. CSS는 HTML의 문서를 꾸며주는 역할을 한다. CSS를 통해 HTML 문서의 색상이나 크기를 바꿀 수 있고 다양한 효과를 적용할 수 있다. CSS 등장 이유 과거에 CSS가 있기 전까지는 HTML 안에서 내용쓰고 꾸며주고 전부 했다. 하지만 그로 인해 HTML 문서가 복잡해졌고, 이에 본문과 스타일링의 분리가 필요했다. 그래서 등장한 것이 CSS다. CSS는 HTML 문서의 스타일링을 맡아서 하는 언어로서 HTML과 분리해 사용한다. 하지만 분리되어서도 HTML을 조종해 스타일링을 할 수 있다. 결국 CSS의 등장으로 HTML은 본래의 목적대로 사용할 수 있게 되었다. CSS의 사용 태그 안에 있는 ..