적용 3

[JavaScript] 1. Javascript 개요

*본 블로그에서는 웹 용 JS를 말함. 일반 JS는 바닐라 JS라고 부르기도 하며, 웹에서와 다른 부분이 존재 1. JS란? - 객체 지향 - 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어 - 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어 2. HTML에 적용 1. 외부 스크립트 적용 - html 문서 내에 //js파일 document.querySelector(".b1").textContent = "바뀜"; 2. 내부 스크립트 적용 - html내에 사이에 js 작성

Programming/JS 2022.03.13

3. Font 속성

1. 개요 - text의 글꼴, 굵기, 크기, 스타일 등을 지정 속성 의미 font-family 글꼴 지정 font-size 글자 크기 지정 (px, cm, % 등) font-style 글자 스타일 지정 font-variant 소문자를 작은 대문자로 변경 font-weight 글자 굵기 지정 font font에 관련된 속성을 한번에 지정할 수 있는 단축형 속성 2. font-family - font명에 white-space가 있으면, " "로 감싼다. text *추천 사이트 1. 눈누 : 상업용 폰트 제공 https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 3. font-style - 속성 값 normal = 기본 italic = 이탤릭체로 oblique = 기울임꼴로 4..

Programming/CSS 2022.03.12

1. CSS 개요

1. CSS란? - Cascading Style Sheets의 약자 - 마지막에 작성한 규칙, 구체적인 규칙 (p보다는 p #idName)이 우선 적용 - 구성 선택자 { 속성: 값; 속성: 값; } 2. 스타일 시트 적용 1. 외부 스타일 시트 적용 (권장) - html문서의 2. 내부 스타일 시트 적용 - html문서의 3. 인라인 스타일 적용 - 외부 or 내부 시트보다 우선 적용 test 3. 박스 모델 1. 속성 값의 개수에 따른 적용 - 값이 1개 일 때 = 모든 면에 적용 - 값이 2개일 때 = {(top & bottom), (right & left)}에 적용 - 값이 3개일 때 = {top, (left & right), bottom}에 적용 - 값이 4개 일 때 = {top, right, ..

Programming/CSS 2022.03.11