분류 전체보기
-
(29)CSS_가상선택자HTML, CSS 2023. 3. 29. 18:06
CSS 가상선택자 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. https://jm-rograming.tistory.com/54 (15)CSS_기본 문법 CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a jm-rograming.tistory.com DOCTYPE html> 가상 선택자 .list > li:first-child {color: deeppink;} .list > li:nth-child(2) {color: g..
-
(28)CSS_속성선택자HTML, CSS 2023. 3. 29. 18:01
CSS 속성선택자 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. https://jm-rograming.tistory.com/54 (15)CSS_기본 문법 CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a jm-rograming.tistory.com DOCTYPE html> 속성 선택자 [href]{text-decoration: none; color: deeppink;} .attr{background-color: gol..
-
(27)CSS_형제 선택자HTML, CSS 2023. 3. 29. 17:52
CSS 형제 선택자 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. https://jm-rograming.tistory.com/54 (15)CSS_기본 문법 CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a jm-rograming.tistory.com DOCTYPE html> 형제 선택자 p + span{ color: gold; background-color: deepskyblue; font-size: 20px; } h..
-
(26)CSS_자식 자손 선택자HTML, CSS 2023. 3. 29. 17:50
CSS 자식 자손 선택자 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. https://jm-rograming.tistory.com/54 (15)CSS_기본 문법 CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a jm-rograming.tistory.com DOCTYPE html> 자식, 자손 선택자 ul > a {font-size: 30px;} ul a {color: deeppink;} 자식, 자손 선택자 네이버 구글..
-
(25)CSS_그룹 선택자HTML, CSS 2023. 3. 29. 17:49
CSS 그룹 선택자 예제 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. https://jm-rograming.tistory.com/54 (15)CSS_기본 문법 CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a jm-rograming.tistory.com DOCTYPE html> 그룹 선택자 h2,p,h3,ul{text-align: center;} h2{ color: deepskyblue; font-size: 50px..
-
(24)CSS_Class선택자HTML, CSS 2023. 3. 29. 17:48
CSS Class 선택자 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. https://jm-rograming.tistory.com/54 (15)CSS_기본 문법 CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a jm-rograming.tistory.com DOCTYPE html> class 선택자 .redstyle {color: red;} .bluestyle{color: blue;} #bigText{font-size:..
-
(23)CSS_id선택자HTML, CSS 2023. 3. 29. 17:47
CSS id선택자 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. https://jm-rograming.tistory.com/54 (15)CSS_기본 문법 CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a jm-rograming.tistory.com DOCTYPE html> id 선택자 #container{ background-color: gold; padding: 20px; width:600px; height: 300..
-
(22)CSS_상속HTML, CSS 2023. 3. 29. 17:45
CSS 상속 예제 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. https://jm-rograming.tistory.com/54 (15)CSS_기본 문법 CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a jm-rograming.tistory.com DOCTYPE html> 상속 div{ color: deeppink;/*상속 됨*/ border: 3px dotted gold;/*상속 안됨*/ padding: 30px;/..