FrontEnd33 CSS 선택자 기본 전체 선택자 (*) * { } 태그 : 태그의 이름을 선택 li { color: red; } 클래스 선택자 : 지정된 클래스 이름을 선택 .orange { color: orange; } 아이디 선택자 : 전역속성 아이디 이름을 선택 #orange { color: orange; } 복합 자식 선택자 : ABC > XYZ ul > .orange { color: orange; } 하위 서택자 : ABC (띄어쓰기) XYX ul .orange { color: orange; } 인접 형제 선택자 : ABC + XYZ; ABC 바로 다음 XYZ 오랜지 클래스의 바로 다음 li태그 .orange + li { color: orange; } 인접 형제 선택자 : ABC ~ XYZ; ABC 바로 모든 XYZ 오랜지 .. 2022. 9. 8. CSS Basic CSS HTML의 스타일을 입히는것 CSS 문법 선택자 { 속성: 값; } 선택자 : 적용할 대상 속성 : 스타일의 종류 값 : 스타일의 값 ; : 범위의 끝 CSS선언방식 내장 방식 링크 방식 인라인 방식 @import규칙 내장 방식 html head부분에 인라인 방식 html body에 정의하는 방식 contents 링크 방식 css문서를 html head부분에 정의하는 방식; 병렬방식; @import방식 css내에 @import규칙으로 또 다른 css문서를 가져와 연결하는 방식; 직렬방식 @import url("./box.css"); 2022. 9. 8. HTML Basic HTML의 기본 구조 : 문서의 html의 버전을 지정 : html의 시작과 끝을 브라우저에게 알려주는 역할 : 문서의 정보를 나타내는 범위 웹 페이지가 해석해야 할 웹페이지의 제목, 설명, 사용할 파일 위치, 스타일(CSS)같은 웹페이지에 보이지 않는 정보를 나타냄 : 문서의 구조를 나타내는 범위 사용자의 화면에 보여지는 로고나 버튼 등..웹페이지의 보여주는 구조를 작성 태그란? HTML의 모양과 행동양식을 정해주는 명령어 태그사용법 태그는 시작태그와 종료태그로 끝나고 중간에 내용이 들어가는 형식으로 되어 있다. 이 형식을 하나의 요소라고 칭한다. 태그안에 태그를 넣을 수 있는다 태그 안에 첫 번째는 자식요소라 부르고 첫 번째를 포함한 모든 내부 태그는 하위 요소라 부른다. 바로 밖 태그는 부모요소라 .. 2022. 9. 6. 이전 1 2 다음
