본문 바로가기
728x90
반응형

Skills/CSS2

2장. CSS선택자와 박스모델 CSS 선택자를 스스로 알아내는 방법 예를 들어 class="saw" 로 잡고 class를 style태그 안에 .saw로 표시하자. 로 표시하면 saw를 그레이 컬러로 표현할 수 있다. class라는 속성은 여러 개의 값이 들어올 수 있으며 값들은 띄어쓰기로 구분한다. 또한 하나의 태그에는 여러 개의 속성이 들어올 수 있고 여러 개의 선택자를 통해서 하나의 태그를 공동으로 제어할 수 있다. 그러나 이 방법은 그렇게 좋은 방법이 아니다. 왜 그럴까? 그 이유는 보다 가까이에 있는 명령이 더 큰 영향력을 갖기 때문이다. 그렇기 때문에 혼란을 겪지 않기 위해 우리는 id 선택자를 사용한다. id="active"로 잡고 #active로 표시하면 id선택자는 class선택자보다 우선된다. 즉, id선택자와 cla.. 2022. 1. 28.
1장. CSS의 정의와 기본 문법 이번 포스팅부터는 CSS에 대해서 알아보겠습니다. CSS란? CSS, Cascading Style Sheets란 무엇일까요? 위키피디아에서 CSS를 검색하면 CSS, 종속형 시트 또는 캐스케이딩 스타일 시트는 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다. 기본 파일명은 style.css이다. 라고 나옵니다. 즉, 간단히 한줄로 설명하자면 CSS란 HTML의 Content가 어떻게 보여야 하는지를 브라우저에게 전달하는 스타일 언어 라고 정의할 수 있겠습니다. 그렇다면 CSS는 왜 등장하게 된 것일까요? CSS 등장 이전의 상황 CSS 등장 이전의 웹은 매우 .. 2022. 1. 28.
728x90
반응형