목록FRONT_END/이론 정리 (3)

웹찢남

JAVASCRIPT 정리

Event – onclick=”nightDayHandler(this);”,onchange,onkeykown Datatype - number String – x.length / x.toUpperCase() / x.indexOf(y) / x.trim() / x.replace(‘a’,’b’) Function nightDayHandler(self){ Var target= Document.querySelector(‘body’). Target.style.backgroundColor=’white’; If(target.dataset.mode===’day’){ self.value=’day’; }else{ self.value=’night’;} Var links=document.querySelectorAll(‘a’); --..
FRONT_END/이론 정리 2020. 12. 8. 20:33
CSS 정리

CSS도 정리해 봤습니다! h1{color:red;font-size:12px;} 여기서 h1은 선택자 color는 속성 red는 값 {}내의 내용은 Declaration 선택자에는 위의 h1과 같이 tag 선택자, id 선택자 (#), class 선택자 (.)가 있다. Id는 pk의 개념이고 class는 그룹으로 생각하여 해당 선택자를 사용해야 한다. ul li {} -> ul 밑의 li 만 css 속성을 먹임 (조상 자손 선택자) #lecture>li {} -> lecture의 직계 자손의 li에만 css를 먹음 (부모 자식 선택자) orange.small -> tag이름이 orange인데 class 가 small 인 경우 ul,ol {} -> ul과 ol을 동시에 선택 plate+apple -> pl..
FRONT_END/이론 정리 2020. 12. 8. 20:30
HTML 정리

공부용으로 HTML 관련 문헌들 쭉 보면서 머리를 한번 정리 해봤어요! 참고하세요! target=”_blank” -> 새창에서 로드 title=”12” -> 마우스 올렸을 때 나오는 글 각각의 항목들을 구분 li:list 로 그룹핑 ul: unordered list 는 숫자로 항목을 구분 1,2,3,4 ol: ordered list -> 문서의 인코딩 방법 -> Document type declatation (브라우저에게 이거는 어떤 표준을 따르는지 알려주는 태그) -> 단락을 설정해줌, p와p의 사이엔 기본적으로 indent가 있음 -> 줄 바꿈이 한 줄만 있음 p태그는 두 줄 있음 height 하나만 설정하면 비율 맞게 조정, alt는 사진이 깨질 경우 대체 텍스트, title은 마우스를 올렸을 때 ..
FRONT_END/이론 정리 2020. 12. 8. 20:24
Prev 1 Next