CSS (2) 썸네일형 리스트형 [css] 기본 선택자 전체 요소에 스타일을 적용하는 전체 선택자 전체 선택자 (universal selector) 는 말 그대로 스타일을 문서의 모든 요소에 적용할 때 사용한다. 주로 모든 하위 요소에 스타일을 한꺼번에 적용한다. 기본형은 * { 속성: 값; ...} 또한 전체 선택자는 웹브라우저의 기본 스타일을 초기화할 때 자주 사용한다. 예를들어 웹 문서 내용을 브라우저 창에 바짝 붙지 않도록 문서 내용과 브라우저 테두리 사이에 여백을 약간 두는데 이를 마진과 패딩이라고 한다. 이런 여백 때문에 디자인이 깔끔하지 않을 경우 전체 선택자를 사용하여 웹 문서 전체 마진과 패딩 여백을 0으로 지정할 수 있다 태그와 요소의 차이점 태그는 말그대로 태그 자체를 가리키는 반면 요소는 태그를 적용한 것을 가리킨다. 텍스트 단락 지정 .. [css] css 개념, 스타일 시트 (내부 스타일, 외부 스타일) 웹 문서에서 스타일이란 html 문서에서 자주 사용하는 글꼴이나 색상 등 배치 방법과 같이 겉모습을 결정짓는 것을 말한다. 기존 html 문서는 웹 브라우저 화면이 기본으로 되어있어 모바일용 홈페이지는 스마트폰 브라우저에 적합하게 문서를 따로 만들어야한다. 하지만 css를 사용하면 html 로 작성한 내용을 그대로 기기에 맞게 css만바꿔주면 여러 기기에서 볼 수 있다. 이를 반응형 웹 디자인이라고 한다. chrome 웹 스토어의 확장 프로그램 "web developer" 를 사용해 스타일이 비활성화 된 사이트를 확인할 수 있다. css 스타일 형식 기본형 ) 선택자 { 속성1: 속성값1; 속성2: 속성값2 } 앞 선택자는 스타일을 어느 태그에 적용할 것인지 알려주는 것이고 중괄호 사이에 스타일 정보를 .. 이전 1 다음
