Front/CSS(8)
-
선택자 (Selector)
1. 기본 선택자 (중요) * 전체 선택자 HTML 문서 안의 모든 데이터 선택 * {color: red;} 태그명 태그 선택자 HTML 문서 내부의 특정 태그를 모두 선택 h1{color: blue;} #아이디명 id 선택자 특정 id 속성이 있는 태그를 선택 #t1{color:yellow;} .클래스명 class 선택자 특정 클래스 속성이 있는 태그를 선택 .c1{color:pink;} - 선택자 적용 순서: 먼저 body를 지나면서 태그들에 지정된 속성을 적용 -> 나머지에 전체 선택자의 속성 적용 - 아이디 선택자: 웹페이지 내부에서 중복되면 안됨. 특정한 하나의 태그를 선택할 때 사용 - 클래스 선택자: 하나의 class로 여러 태그를 묶는데 사용한다. class 중복 가능 - 태그 선택자와 클..
2023.06.16 -
CSS 기본
1. CSS란? - Cascading Style Sheet - 디자인을 위한 언어 HTML은 정보, CSS는 디자인에 집중하기 위해 언어를 따로 독립시킴 - CSS는 HTML과 독립된 언어이지만 HTML 없이 사용할 수 없다 2. HTML문서에 CSS를 사용하는 방법 1) 내부 스타일 시트 사용 - CSS 시작! 2) 외부 스타일 시트 사용 - 태그 내에 외부 css파일 가져오는 코드 작성 - - 여러 웹문서에서 사용할 스타일을 별도 파일(.css)로 저장해놓고 필요할 때 마다 파일에서 가져와 사용 - 주로 외부 스타일 시트를 사용하여 작업한다 3) 인라인 스타일 - 스타일을 적용하고 싶은 태그에 style 속성을 직접 사용 - style="속성: 속성값;" 3. CSS 기본 문법 1) 기..
2023.06.16