HTML, CSS
-
(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;/..
-
(21)CSS_요소선택자HTML, CSS 2023. 3. 29. 17:44
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{font-size: 50px;} p{color: deepskyblue;} 요소 선택자 특정 요소가 쓰인 모든 요소에 스타일..
-
(20)CSS_전체 선택자HTML, CSS 2023. 3. 29. 17:42
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 { color: deepskyblue; font-size: 50px; } *{color: gray;} 전체 선택자 스타일을 모든..
-
(19)CSS_외부스타일HTML, CSS 2023. 3. 29. 17:39
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> 외부 스타일 CSS를 적용하는 방법 인라인 스타일 내부 스타일 외부 스타일 css.css를 만들고 그 안에서 css 스타일을 설정해준다. /..
-
(18)CSS_내부스타일HTML, CSS 2023. 3. 29. 17:38
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{font-size: 50px;} ul{list-style: none;} li{ display: inline-block; m..