CSS3 3

CSS 스타일 계승

오늘 정리할 거는 스타일 계승인데.. 사실 당연한 걸 왜 정리하나 싶을 수도 있당. 그만큼 당연하게 여겨지지만, 완전 기초적이고 중요한 거니까!!! 잘 알아둘 필요가 있다.... 휴..... =^ㅅ^= CSS에서 계승은 어떤 CSS 속성이 태그 안에 중첩된 다른 태그에 되물림되는 과정이다. 예를 들어서 태그의 하위 태그는 태그에 적용된 CSS 속성을 물려 받는다. 하지만 속성을 안 물려받는 경우도 있는데~ 1) 페이지 내에 요소를 배치하는 위치에 영향을 주는 속성이나 여백, 배경색, 외곽선은 계승되지 않는다. 2) 웹 브라우저의 내장 서식은 적용이 안 된다. (예: 링크가 파란색으로 표시되는 것) 또한, 이나 처럼 표제어 또한 여전히 단락 텍스트보다 크게 출력될 것이다. 3) 또한, 스타일끼리 충돌이 발..

CSS3 정리 2020.07.14

CSS 선택자 스타일 정리 (기본)

오늘은 스타일을 부여할 요소를 식별하는 아주아주 기본적인 방법을 정리해보려고 한당. 혼자 책보고 공부하면서 정리하는 내용~ 1. 태그 선택자: 페이지 단위 스타일링 태그 선택자, 요소 선택자는 같은 페이지에 있는 동일한 html 태그에 같은 스타일을 적용할 수 있다. 예를 들어 h2 선택자를 입력하면 같은 페이지 내의 모든 h2 태그에 같은 스타일을 적용할 수 있다. h2를 선택자로 갖는 CSS 스타일을 정의하면, 해당 페이지의 모든 h2가 표시되는 방식을 제어할 수 있다. 2. 클래스 선택자: 정밀 조준 클래스 선택자는 html 태그와는 상관없이, 스타일을 조정할 요소를 정밀하게 골라낼 수 있다. 만약 태그 안에 포함된 단어 몇 개에만 클래스 선택자를 적용하고 싶다면 태그의 도움을 받아야 한다. 참고로..

CSS3 정리 2020.07.12

CSS 스타일과 스타일시트 만드는 법

CSS 스타일과 스타일시트 만드는 법~ 공부한 내용 정리. 1. 태그 내장형 스타일 사용하기 태그에 style을 입력하는 방법이다. 이렇게 h1에 회색 글씨가 적용된 것을 볼 수 있당. 2. 내부 스타일 시트 작성하기 내장 스타일보다 나은 방법으로, 여러 요소를 컨트롤하는 CSS 스타일을 담는 스타일시트를 만드는 방법! 내부 스타일시트는 내장 스타일시트보다 더 편리하다. 맨 위에 한꺼번에 스타일을 모아두기 때문에 만들기도 쉽고 유지, 보수하기도 수월하다. 을 입력한다. 그런다음 아래와 같이 효과를 주면 된당. 효과가 들어간 것을 확인할 수 있당. 3. 외부 스타일시트 작성 앞서 만든 스타일을 별도의 외부 스타일시트로 분리하는 작업도 있다. 외부 스타일시트는 내부 스타일시트보다 훨씬 더 간편하다. 웹 사이..

CSS3 정리 2020.07.08