[자바스크립트] display의 none, block 차이/ block과 inline요소/ 상세보기
사이트 아래의 링크 CSS Layout - The display Property W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 블록 요소 - 항상 개행을 하며, 그 통으로 한줄 - 종류 : div, h1~h6, p, form, header, footer, section 인라인 요소 - 개행하지 않으며, 통으로 한줄이 아닌 필요한 넓이만큼을 차지함 - 종류 : span, ..
2022. 5. 5.
[복습 Day18] 자바스크립트 core, dom, 연산자, 함수 호출 방법, innerHTML, setAttribute, getAttribute, JSON
-Core : 언어가 가지는 기본 문법 1) 자료형 : Number(정수 + 실수), String('', "", ``), Boolean(참-1, 거짓-0), Object([], {}, HTMLObject), 함수, Symbol 2) 변수 선언 : var, let(지역변수, 전역변수), const(상수화) ==> 모호함;; (Typescript 시간되면 꼭 공부해보기) 3) 연산자 : 산술연산자 : 비교연산자 : 논리연산자 : 삼항연산자 : 단항연산자 typeof : 기타 : . [] () : (복합)대입연산자 = += -= *= 4) 조건문, 반복문 5) 함수(function) 6) 배열 : 여러 개의 데이터를 하나로 처리할 때 사용 [] : 인덱스를 이용해 접근 가능 : 하나의 타입만 들어가는 것은 아..
2022. 1. 25.
[복습 Day16] 인라인 블록, position absolute, relative, static, fixed, Float, Visibility, Flex
margin: 바깥쪽 여백 padding : 안쪽 여백 inline block : 글씨와 마찬가지이기 때문에 여백이 발생, 공간을 나눠쓰는 친구들은 글자라고 생각하기. : 여백을 없애기위해 font-size 0으로 하고 다른 영역에서 고쳐주기 : display: inline-block; 을 주면 넓이와 폭을 줄 수 있다. p와 같이 inline요소는 가운데 정렬을 하기 위해 margin : 0 auto;로! 더보기 p{ width: 95%; border:1px solid red; margin : 0 auto; padding : 10px; } overflow : 특정영역 밖으로 넘치는 내용물을 어떻게 처리할 것인가? position absolute, relative, static relative : 부모를..
2022. 1. 20.