HTML, CSS
-
(33)CCS_CSS텍스트4HTML, CSS 2023. 3. 29. 18:14
CSS CSS텍스트 4번째 예제 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. 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> Document h1{font-size: 100px;} .shadow1{color: deeppink; text-shadow: 10px..
-
(32)CSS_CSS텍스트3HTML, CSS 2023. 3. 29. 18:11
CSS CSS텍스트 3번째 예제 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. 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 텍스트3 a:link { text-decoration: none;} a:visited {text-decoration: none..
-
(31)CSS_CSS텍스트2HTML, CSS 2023. 3. 29. 18:09
CSS CSS텍스트 2번째 예제 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. 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 p태그의 영어 문장은 lorem을 치면 나온다. DOCTYPE html> CSS 텍스트2 p { border: 3px solid red; padding: 10..
-
(30)CSS_CSS텍스트1HTML, CSS 2023. 3. 29. 18:08
CSS 텍스트 1번째 예제 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. 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 텍스트1 .letter {letter-spacing: 5px; color: deepskyblue;} .word {word-spaci..
-
(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;} 자식, 자손 선택자 네이버 구글..