안경잡이 구루루

(썸네일) 웹 문서를 이루고 있는 요소들은 박스 모델이다 기본적인 박스 모델에 대해 알아보고 그 다음 박스모텔의 종류인 블록,인라인, 인라인 블록에 대해 알아보자 (1) 박스 모델(Box model) 콘텐츠: 내용일 들어갈 자리 패팅: 박스와 콘텐츠 영역 사이의 여백 테두리: 박스의 테두리 마진: 박스 모델들 사이의 여백 (2) inline block inline-block 기본 너비 컨텐츠만큼 부모의 너비만큼 컨텐츠만큼 width, height 속성 무시 적용 적용 가로공간 차지 공유 독점 공유 margin 속성 ( 바깥쪽 여백 ) 가로만 적용 모두 적용 ( 상하는 다른것과 서로 겹칠시 더 큰 것을 기준으로 상쇄 ) 모두 적용 padding 속성 ( 안쪽 여백 ) 가로만 적용, 세로는 배경색만 모두 적..

결론부터 얘기하자면 (1) 캐스케이딩(cascading) (2) 스타일 상속 을 기반으로 (3) 스타일 중요도 >> (4) 스타일 적용범위 순서로 우선순위가 정해진다. (1) Cascading CSS 에서 C는 캐스케이딩(cascading) 의 줄임말이다. 폭포 라는 의미로 위에서부터 아래로 내려간다는 뜻이다. 이를 CSS 와 연결지어 생각하면 CSS가 위에서부터 아래로 적용된다는 뜻이다. 가장 기본적인 개념이므로 이를 먼저 숙지하고 아래 우선순위를 따지는 것이 좋다 (2) 스타일 상속 여러 태그는 서로 포함 관계가 존재한다. 이때 포함하는 태그를 부모 요소 , 포함된 태그를 자식 요소 라고 한다. 자식 요소에서 별다른 스타일을 지정하지 않으면 부모 요소의 스타일 속성들이 자식 요소로 전..

2023.07.03 - [프론트 엔드 (front-end)/HTML] - HTML Tag(태그) , attributes(속성) 자세한 설명 모음 1 (+ 23.8.5 uppdate ) HTML Tag(태그) , attributes(속성) 자세한 설명 모음 1 (+ 23.8.5 uppdate ) 모든 tag를 외우고 살 수 없어서 필요할 때마다 찾기 편하게 사용하기 위해 만든 글입니다. 다들 도움이 되면 좋겠습니다. ctrl + f를 눌러서 를 적어 바로 찾을 수 있습니다. 아래 글은 특히 yalco(얄 gururuglasses.tistory.com 이전 1편을 이어서 만들었습니다. 순서상관 없이 이곳에 없는 자료는 1편에서 참고 부탁드립니다. 모든 tag를 외우고 살 수 없어서 필요할 때마다 찾기 편하게..

● 자바스크립트(java script)를 사용하기 위한 환경 1. ● 변수와 상수 let, const 7.20 반환한다의 의미 typeof ----> 브라우저는 바로 typeof 사용 가능/// vsc 같은 에디터는 console.log(typeof 대상) 으로 감싸야함 // 위 typeof를 통한 자료형 정리// typeof의 반환값은 문자열 so typeof를 두번 감싸면 결과적으로 전부 'string'으로 나옴. // consol.olg는 반환하는게 아니기 때문에 undefined가 출력되는 자바스크립트는 정수,실수 구분 x undefined, null 도 값임 많은 다른 언어들과 다른 점 null (비어있음, 의도적인 빈 , 뭐가 있어야할 자리이지만 없을떄 ) != undifined (정의되지 않..