분류 전체보기
-
(37)CSS_배경1HTML, CSS 2023. 3. 30. 16:57
CSS 배경 1번째 예제 아래 링크를 통해 태그 설명을 볼 수 있다. https://jm-rograming.tistory.com/74 (35)CSS_태그 설명 font-size 텍스트 크기를 설정 px, %, em, rem font-family 텍스트의 글꼴을 설정 ✔ 글꼴을 선택하는 방법 누구나 설치되어 있는 기본 글꼴을 사용 이미지로 처리 클라리언트에 글꼴을 다운로드 시켜 사 jm-rograming.tistory.com DOCTYPE html> CSS 배경1 body{background-color: deepskyblue;} div{background-color: white; width: 60%; padding: 20px; border: 3px solid red;} CSS 배경1 배경 적용하기 Lore..
-
(36)CSS_CSS텍스트HTML, CSS 2023. 3. 30. 16:56
CSS 텍스트 예제 아래 링크를 통해 태그 설명을 볼 수 있다. https://jm-rograming.tistory.com/74 (35)CSS_태그 설명 font-size 텍스트 크기를 설정 px, %, em, rem font-family 텍스트의 글꼴을 설정 ✔ 글꼴을 선택하는 방법 누구나 설치되어 있는 기본 글꼴을 사용 이미지로 처리 클라리언트에 글꼴을 다운로드 시켜 사 jm-rograming.tistory.com DOCTYPE html> CSS 텍스트 p{font-size: 24px;} .sunflower1{font-family: 'Sunflower', sans-serif; font-weight: 300;} .sunflower2{font-family: 'Sunflower', sans-serif; f..
-
(35)CSS_태그 설명HTML, CSS 2023. 3. 30. 16:50
font-size 텍스트 크기를 설정 px, %, em, rem font-family 텍스트의 글꼴을 설정 ✔ 글꼴을 선택하는 방법 누구나 설치되어 있는 기본 글꼴을 사용 이미지로 처리 클라리언트에 글꼴을 다운로드 시켜 사용 웹 폰트를 사용 font-weight 텍스트의 굵기를 설정 기본 굵기: 400 (범위 100 ~ 900) 구글폰트 https://fonts.google.com/specimen/Sunflower?subset=korean¬o.script=Kore Sunflower - Google Fonts Sunflower is a Korean and Latin font that features partial geometric curves and rounded corners. fonts.googl..
-
(34)CSS_CSS텍스트5HTML, CSS 2023. 3. 29. 18:16
CSS CSS텍스트 5번째 예제 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. 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 텍스트5 p{display : inline-block; width: 200px; border: 1px solid red;} ...
-
(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..