한숨돌릴까? 한숨돌릴까?

홈페이지를 전체 공통으로 div로 싸고 진행하지 않으니 모바일에서 볼때 가운데 정렬에 문제가 있었다 아래의 방식으로 out으로 body바로 아래에 width: 100%; 넣고 그 안에 in으로 생각하는 기본 가로길이를 설정해 놓고out 은 text-align : center; in은 display : inline-block; 을 설정하면 전체 가운데 정렬은 기본적으로 갖추고 시작할 수있다. 다만 모바일에서 봤을때 div 에 style로 넣어줘야 적용될 때가 있다. 쿠키때문은 아닌것 같던데 왜그런지는 모르겠다. #out { width: 100%; text-align: center; } #in { display: inline-block; }

보통 스크롤바가 숨겨진 상태에서 스크롤되는 웹페이지를 만들때는div를 2겹으로 하고 하나를 padding-right 를 줘서 스크롤바가 안보이게만 하는 방법을 쓰는듯 하다 내가 적어놓는 방법은 더욱 간단한 방법이지만 비표준 코드이고 크롬 등의 웹키트 엔진을 내장한 브라우저에서만 적용된다 CSS에 아래 코드 적용 body::-webkit-scrollbar { display: none; } body에 적용하여 웹페이지 전체에 적용시켰고, div나 p 등에 적용하여 일부만 사용 가능

CSS속성 - text-indent 속성(들여쓰기) 문단의 첫줄 들여쓰기 할때 쓰는 속성 속성 값 : 기본값은 0이고 px, em, cm등 길이값으로 얼마큼 들여쓸지 지정%로 부모요서 너비에 상대적인 백분률로 들여쓰기가능음수값 지정가능 사용 예:div { text-indent: 10px; } text-indent 속성을 사용하면 첫 문단 들여쓰기로 깔끔하게 문장이 정리되고음수값 지정으로 ▶ 이나 ＊ 등 문장의 앞에 표시를 해주고 아랫줄 부터 표시 뒤로 나오게 사용 가능 예) ▶text-indent 속성 테스트하는 중입니다. 음수 -15px을 적용하였습니다. 예 처럼 음수를 지정하여 앞으로 ▶가 나와 아래 내용이 들어가 있는 것처럼 보임

1. 문서 안에서 태그와 태그 선택 div,span{ } 2. 문서 안에서 태그아래 모든 태그 선택 div span{ } 3. 문서 안에서 태그 바로아래 태그 선택 div>span{ } 4. 문서 안에서 태그 바로뒤에 태그 선택 div+span{ } 5. 문서 안에서 태그 뒤에 태그 선택 div~span{ }

HTML에서 를 CSS만으로 비율을 유지한 채로 특정 영역의 중앙에 출력하는 방법은 다음과 같다. /* 예시를 위한 css */ dl { float:left; margin-right:20px; } dt { clear:both; } dd { margin:0 0 20px 0; padding:10px; float:left; } dd > img, dd > div { border:#ccc solid 1px; float:left; margin-right:10px; } /* position 을 이용한 방법 */ div.box1 { position:relative; width:150px; height:200px; } div.box1 > img { position:absolute; max-width:100%; max-h..