html & css/개념55 부모 자식 선택자 ul li { color: red; /* 띄어쓰기를 하면 ul 밑에 있는 li를 의미하게 된다. */ } ul 태그 밑에 있는 모든 li에 CSS를 적용 ul 부모 태그 밑에 있는 li 자식 태그에 적용하는 것 #lecture > li { border: solid black 1px; } id 값이 lecture인 부모 태그에서 자식 태그 중 li 태그에 한에서 CSS를 적용하는 것 ul, ol { background-color: powderblue; } ul, ol 태그 모두에 같은 CSS를 적용할 때, 두 태그를 묶어 선언할 수 있다. 2023. 9. 15. 선택자의 종류 1 : 아이디 선택자 태그 선택자 : 태그 그 자체를 선택 DOCTYPE html> li { color: red; text-decoration: underline; } HTML CSS JavaScript 웹페이지의 모든 li태그에 색상 적용 id 선택자 : 특정 id의 속성 값이 있는 태그에 적용 : #을 앞에 붙여 id임을 인식하게 한다. DOCTYPE html> li { color: red; text-decoration: underline; } #select { font-size: 50px; } HTML CSS JavaScript 웹페이지에있는 id 속성값에 select인 태그에 적용한다. 2023. 9. 15. 선택자와 선언 li - 선택자 (Selector) {} - 선언 (Declaration Block), 서술의 역할 color, text-decoration - 속성 (Property) red, underline - 값 (Value) : - 속성과 값을 구분 (Value-Property Separator) ; - 각 선언을 구분 (Declaration Separator) DOCTYPE html> li { color: red; text-decoration: underline; /* 세미콜론(;): 뒤에 효과가 더 있다면 구분하기 위한 용도로 ;를 사용 */ } HTML CSS JavaScript 2023. 9. 15. HTML과 CSS가 만나는 법 CSS를 삽입하는 2가지 방법 1. 인라인(inline) 방식 : 가장이해하기 쉬운 방식으로, 태그에 직접 삽입한다. : style 속성은 HTML 표준의 약속으로 "style 속성의 값으로는 CSS가 온다. 스타일 속성이 위치되어 있는 태그에 적용된다." 라는 것을 의미한다. Hello World Hello World 2. 인터널(internal) 방식 : 에 태그를 삽입하여 디자인을 적용하는 방식 : 마찬가지로 태그 안에는 CSS가 들어온다는 HTML의 표준 약속이 존재한다. h2 { color: blue; } 2023. 9. 15. 이전 1 ··· 5 6 7 8 9 10 11 ··· 14 다음