전체 글83 Background 스타일링 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 귀여워 2023. 11. 18. 부모 자식 선택자 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. 이전 1 ··· 8 9 10 11 12 13 14 ··· 21 다음
