본문 바로가기

CSS선택자2

CSS 선택자 모음 예전에 한번 간단하게 정리했던 적이 있는 CSS 선택자... 그 당시에 빠뜨린 것도 있고 해서 이번 기회에 더 자세히 정리해 보았다. 태그 이름 태그 이름은 그냥 이름만 기재해서 바로 스타일링이 가능하다. 해이나 월드 안녕, 친구하지 않을래? 클래스 & 아이디 클래스는 마침표(.)로 시작, 아이디는 샾(#)으로 시작한다. 해이나 월드 안녕, 친구하지 않을래? 자식 & 직속 자식 자식과 직속 자식은 css로 스타일링 해줄때는 아래와 같이 표기한다. 아래 예제에서 자식에 스타일링을 한 경우 해당 박스 안에 태그를 가지고 있는 모든 요소에 적용되는 반면, 직속 자식에 스타일링을 한 경우 다른 태그로 한번 더 감싸진 태그는 스타일링이 적용되지 않는다. 나는 box의 직속 자식입니다. 나는 box의 직속 자식은 .. 2021. 8. 16.
CSS 기초 - style 태그, 선택자 Style 속성을 이용해서 CSS 사용하기 html의 문법 style=" ~속성(property)~ " 자바스크립트 Style 태그를 이용해서 CSS 사용하기 : 어떤 의미도 기능도 없는 태그, css/자바스크립트 등으로 제어하고 싶을 때 감싸줌, 한줄 전체를 쓰는 태그이므로 자동으로 줄바꿈이 됨 → 줄바꿈이 되지 않는 태그가 필요하다면 을 쓰자! 해이나는 공부를 하는 중이다. 해이나는 공부를 하는 중이다. → 이 웹페이지에 있는 태그 이름이 js라면 폰트를 굵게, 색상을 빨간색으로 바꾼다. → 만약 이 글에서 해이나가 1억번 반복되더라도 상단의 선택자를 통해 한 번에 수정할 수 있다. CSS 선택자 해이나는 공부를 하는 중이다. → 클래스 앞에는 마침표(.)를 붙이고 아이디 앞에는 샾(#)을 붙인다. .. 2020. 5. 31.