HTML3 [html css] 사진 위에 텍스트 올리기 [반응형] 사진 위에 글자를 올리려면 position: absolute; 를 사용해야한다. .application-box img { width:100%; } .application-box .application-desc-container { position: absolute; Top : 30px; left: auto; margin-left: 25px; /* 여백 비율 조정 */ } 2022. 11. 17. 원페이지 스크롤 페이지 기본 구조 휠을 한번 내렸을 때 한 페이지가 내려가는 홈페이지들이 있다. 예시 청와대홈피 메인 | 청와대, 국민 품으로 2022년 5월 10일 청와대를 국민께 돌려드리겠습니다 . www.opencheongwadae.kr HTML 1 2 3 4 CSS html, body { display: block; margin: 0; height: 100%; } section { height:100%; width:100%; } html, body에 위와 같은 속성을 지정하지 않으면 section height: 100%가 먹히지 않는다.... 왜 그런지 원리를 잘 모르겠움 ----원인 파악 Height 100% 속성은, 부모 태그의 높이에 종속된다. 때문에 section의 부모태그인 body에 먼저 100%을 주어야 section.. 2022. 8. 4. html파일에 html 파일 삽입하기 (head, header, footer 등 겹치는 파일 분리) 열심히 검색해본 결과 (키워드는 js include ... ) JQuery를 이용하는 방법이 있었고 w3.js 에서 제공하는 방법으로 하는 방법도 있었다. 위의 경우 모두 실행은 됐는데, 홈페이지 언어변경에 쓰는 i18n js라이브러리랑 사용할 때 이상하게 오류가 나서 홈페이지가 제대로 작동하지 않았다. 또 jquery를 사용한 경우에는 css가 늦게 적용돼서 새로고침 할 때 마다 잠깐 화면이 깨지거나, 적용한 애니메이션이 지멋대로 작동하는 등의 오류가 많았다. 찾아본 결과 document.write(` //코드 막 삽입, 엔터키를 인식하게 하려면 1 왼쪽의 키 특수문자로 따옴표 입력 `) 가 제일 깔끔했다. 그래서 해당부분에 다음과 같이 하면 깔끔하게 작동했다. //test.js document.wri.. 2021. 1. 13. 이전 1 다음
