css기초3 [CSS ②] 선택자 / selector (CSS기초/개념) 선택자란? 선택자란 CSS효과를 적용할 대상 가리켜 선택해주는 것 [사용 방법] 에서 CSS 파일 불러옴 선택자 { 선언(속성=속성값); 선언(속성=속성값); 선언(속성=속성값); } [우선순위] 기본적으로는 css속성은 위에서 부터 아래로 적용, 같은 태그에 여러개의 css속성이 설정된 경우에는 우선순위에 따라 스타일이 적용된다. 태그선택자 p{ color:orange; } 하위 선택자 > 특정 요소의의 하위 요소 지정할 때 사용 div>span특정 요소의의 하위 요소 지정할 때 사용 div>p>span특정 요소의의 하위 요소 지정할 때 사용 div>p>span>p>span특정 요소의의 하위 요소 지정할 때 사용 div>span{ background-color: olive; } 인접 선택자 + 인접하는.. 2021. 2. 2. [CSS ①] 작성방법 / 사용 이유 (CSS기초/개념) CSS 작성 방법 1. 인라인 요소 사용 -> style 속성 사용 (inline style sheets) 1. 인라인 요소 사용 -> style 속성 사용 (inline style sheets) b> 2. 내부 스타일 시트 -> style태그 사용 p{ background-color: lightpink; } 3. 외부 스타일 시트 -> css파일을 외부에 작성해 놓고 불러와 사용 b{ color:red; } CSS 사용 이유 생활코딩 CSS css 단 하나 만 바꿔줘도 몇 백, 몇 천개의 중복 태그 코드가 바뀐다. html의 디자인 부분만을 보다 체계적으로 효과적으로 관리하기 위해 사용한다. 2021. 2. 2. CSS (CSS기초 / 생활코딩 / 웹개발 입문 / 웹개발자 / 백엔드 개발자 / CSS 실습 / 비주얼스튜디오) HTML의 공부를 어느정도 끝내고 CSS에 들어갔다. HTML : 웹 구조 정의 작성 CSS: 웹 디자인 요소 표현 맨 몸(HTML)에 이런 저런 옷을 입어보는게 CSS라고 할 수 있다. 2021/01/16 - [IT 독학/WEB] - 생활코딩_HTML (HTML 기초 / 웹개발 입문 / 웹개발자 / 백엔드 개발자 / HTML 실습 / 비주얼스튜디오 / vscode 실습 환경설정 / vscode 한국어) 생활코딩_HTML (HTML 기초 / 웹개발 입문 / 웹개발자 / 백엔드 개발자 / HTML 실습 / 비주얼스튜디오 / v 생활코딩으로 HTML을 시작하려 한다. opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인.. 2021. 1. 20. 이전 1 다음