다룽이네 다락방

css에서 가장 기본이 되고 중요한 selector(선택자) 선택자의 종류와 선택자로 어떻게 태그 선택할지 알아보자 가상클래스 선택자 -특정 이벤트가 발생되면 이를 감지하고 선택하는 태그 이건 코드보고 이해하는게 더 빠르다 ex) html 구글 다음 체크박스 css 1. a:link{ color: pink; } 2. a:visited{ color: grey; } 3. a:hover{ background-color: purple; } 4. input:checked{ width: 200px; height: 200px; } 해석 html? 링크걸린 구글 / 링크걸린 다음 / 체크박스 세가지가 리스트 되어 있음 css? 1. 링크 걸린 곳이 있으면(이벤트 발생하면) 링크 선택하여 글자 pink 2. 링크된 사이..

css에서 가장 기본이 되고 중요한 selector(선택자) 선택자의 종류와 선택자로 어떻게 태그 선택할지 알아보자 속성 선택자 -속성이 정의된 태그만 선택하는 선택자 머선뜻29? 라고 정의된 태그를 태그1[속성1]{ } 로 표현하여 꾸미기 가넝한 ex) 를 p[title]로 선택할 수 있다. /* 속성 선택자 */ 1. p[title]{ color: skyblue; } 2. p[title="b"]{ background-color: yellow; } 해석 1. title이라는 속성이 정의된 p태그를 선택하여 글자색을 skyblue로 지정 2. title을 b라고 정의한 속성을 가진 p태그를 선택하여 배경을 yellow로 지정 ->1은 title속성 가진 p태그 전체에 적용되겠고, 2는 title속성을 가..

css에서 가장 기본이 되고 중요한 selector(선택자) 선택자의 종류와 선택자로 어떻게 태그 선택할지 알아보자 인접 선택자 -지정한 요소 다음에 나오는(인접해 있는) 요소 선택 ex) 태그1 +태그2 { } : 태그1에 인접한 태그2를 선택 h3 + b{ background-color: black; color: white; } : h3 다음에 있는 b태그의 배경을 black, 글자를 white로 지정하겠다.

css에서 가장 기본이 되고 중요한 selector(선택자) 선택자의 종류와 선택자로 어떻게 태그 선택할지 알아보자 자식 선택자 -html구조에서 찾아볼 수 있다. (html은 태그-태그-태그로 작성 : "구조화"되어있음=markup language) ex) 부모태그>자식태그 { } #at > div > p{ color: silver } #at > div > p { color: silver } id가 'at'인 태그의 자식인 div태그의 자식인 p태그에 글자색 silver 적용

css에서 가장 기본이 되고 중요한 selector(선택자) 선택자의 종류와 선택자로 어떻게 태그 선택할지 알아보자 전체 선택자 - *로 선택하여 html문서 전체에 적용한다. 거의 사용할 일 없음 ex) *{ text-align: right; margin: 0px; padding: 0px; }

css에서 가장 기본이 되고 중요한 selector(선택자) 선택자의 종류와 선택자로 어떻게 태그 선택할지 알아보자 class 선택자 -요소에 class를 지정하고 style에서 지정된 class값을 사용 .(dot)으로 구분 ex) .클래스명{ } /* class 선택자 */ .scls{ color: pink; } scls라는 클래스의 글자색을 pink로 지정 id와 중복될 경우? id는 하나의 값이기 때문에 class보다 우선으로 적용된다

css에서 가장 기본이 되고 중요한 selector(선택자) 선택자의 종류와 선택자로 어떻게 태그 선택할지 알아보자 id 선택자 -요소에 id를 지정하고 style에서 지정된 id값을 사용한다. id 속성은 페이지 내에서 유일한 하나이며 #으로 구분 ex) #id{ } /* id 선택자 */ #sid1{ color: green; } #sid2{ color: yellow; } #sid3{ color: brown; } 만약, 페이지 내에 동일한 id가 두 개일 때? css에서는 적용되지만, 나중에 문제가 되니까 애초에 하나로만 적용하자)

css에서 가장 기본이 되고 중요한 selector(선택자) 선택자의 종류와 선택자로 어떻게 태그 선택할지 알아보자 타입선택자 -태그 이름 선택해서 선언 ex) /* 타입 선택자 */ pre{ text-align: center; } pre태그를 가운데 정렬한다

html을 꾸미기 위해 시트를 준비해서 사용할건데, 어떻게 만들고 불러올지 1. 인라인 스타일 시트 인라인 스타일 시트를 작성해 가져올 수 있음 인라인 시트? html을 작성해서 적용하고자하는 태그 안에 css작성 가장 많이 사용된다 ex) : b태그 안에 작성 b태그 안에 '글자색 빨강' style속성 작성됨 : 해당 태그를 글자색 빨강으로 지정 2.내부 스타일 시트 html 내부에서 간단하게 작성한 후에 사용을 하는 시트 ex) ? 텍스트로 작성 되었고 css이다 p{ background-color: pink; } : p태그의 백그라운드를 pink로 지정 3. 외부 스타일 시트 css 파일 생성-> 해당 css를 적용하고 싶은 html파일에 css파일 불러오기 (JAVA의 import를 생각하면 이해..