Yeonee's Story

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 글꼴관련스타일 #ff1{ font-family: 궁서체; } #ff2{ font-family : 고딕체; } #ff3{ font-family : 경민2체 , 궁서체, 고딕체; /* 앞의 글꼴이 없다면 뒤의 대체 글꼴 반영 */ } #web-font{ font-size : 30px; font-family: 'Noto Sans KR', sans-serif; } #fs1{ font-size:30px; } #fs2{ font-size:2em; } #fs3{ font-size:200%; } #fw1{ font-weight: normal; } #fw2{ font-weight: bold; } #fw3{ font-weight: 900; /* b..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> Document h1{ background-color: pink; color:yellow; } h1{ color:red; } #id1{ background-color: pink; } .class1{ background-color: yellowgreen !important; color : white; } div{ background-color: teal !important; color: red; width: 200px; height: 200px; } 선택자 우선순위 기본적으로 css는 위에서부터 아래로 순차적으로 적용됨 동일한 요소를 다양한 선택자로 css가 부여된 경우 우선순위에 따라 적용됨 태그선택자 -> 클래스선택자 -> 아이..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 기타선택자 1. 속성 선택자 스타일을 부여하고자 하는 요소 내에 작성되어 있는 속성을 이용해서 선택하는 방법 선택자 뒤에 []를 이용해서 속성과 속성값을 제시해서 선택하는 방법 선택자[속성=속성값]{ css속성 : 값; } 선택자[속성~=속성값]{ css속성 : 값; } 선택자[속성|=속성값]{ css속성 : 값; } 선택자[속성^=속성값]{ css속성 : 값; } 선택자[속성$=속성값]{ css속성 : 값; } 선택자[속성*=속성값]{ css속성 : 값; } div.div-class[name=name$]{div$}*4 div1 div2 div3 div4 2. 자손선택자와 후손선택자 자손 : 바로 하위인 요소들 후손 : 하위 요소..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 요소 가져오기 HTML 요소에 접근하기(해당 요소객체 가져오기) 1) ID로 가져오기(접근하기) 아이디로 접근 function accessId(){ // 아이디로 요소에 접근할때 // document.getElementById("아이디명") const area1 = document.getElementById("area1"); console.log(area1); console.dir(area1); // 접근가능한 속성들에대해 살펴볼때 //선택된 요소에 속성들에 접근해서 값을 가져온다거나 변경 가능 // 속성에 접근하고자 한다면 => 선택된 요소.접근하고자하는 속성명 area1.innerHTML = "아이디로 접근성공함!!"; // ..

안녕하세요. #yeoneeblog 여니입니다 :) 오늘은 자바의 변수구분, 전역변수와 지역변수에 대해 알아보겠습니다. * 변수구분 * -전역변수 : 클래스 영역에 바로선언하는 변수 => 클래스 내에서면 어디서든 사용 가능 * * -지역변수 : 클래스 영역 내의 어떤 특정한 구역({})에 선언한 변수(선언한 지역에서만 사용 가능) * ex) 메소드, 제어문(if , for) 등등 * * 1. 전연변수 (2가지로 구분이 됨) * - 멤버변수 == 인스턴스변수 == 필드 * 생성시점 : new 연산자를 통해서 해당 객체가 생성하는 순간 메모리 영역에 할당 * 소멸시점 : 객체 소멸시 같이 소멸 * * - 클래스변수 == static 변수 : static이라는 예약어가 붙어 있냐 아니냐에 따라 멤버변수냐 클래스..