블로그

• 창업을 위한 홈페이지 제작(XE) 레이아웃 슬라이드 사이즈 변경 변경 . \\127.0.0.1\WebRoot\rhymix\layouts\xedition\css\layout.css 파일 수정 layout.css 수정 ********** 슬라이드 높이 픽셀 > div { display: table; height: 392px; /* 이부분 숫자조정*/ color: #fff; background-size: cover; } blog.naver.com · 2026.06.27
• [html / css] html 문서를 A4 인쇄 크기로 조절하는 방법 이 코드는 HTML 문서를 인쇄하거나 PDF로 저장할 때, 출력 페이지의 크기와 여백을 지정하는 CSS 코드이다. @page의 의미 @page는 웹 화면의 일반 디자인이 아니라, 인쇄용 페이지 설정을 지정하는 CSS 규칙이다. blog.naver.com · 2026.05.25
• [CSS] DIV 구조의 웹사이트 코딩 div로만 전체 UI를 구성하는 건 초보나 개인 개발 단계에서 아주 일반적인 방식 하지만 장기적으로 유지보수나 접근성(Accessibility) 관점에서 몇 가지 주의점은 보완 필요 (div-only)의 장단점 장점 단점 div만 써도 문제는 없으나, 나중에 규모가 커지거나 공공기관용이 blog.naver.com · 2025.11.10
• [CSS] grid (grid-template-areas) - grid-template-areas은 CSS Grid의 가장 직관적이고 눈에 보이는 기능 - 칸들에 이름(label)을 붙여서 시각적으로 설계할 수 있게 해주는 기능 예시 html 점 가로와 세로가 100%인 div 안에서 100%로 채워지는 그리드 레이아웃 HTML CSS html, body에 height: 100%를 설정하여, 페이지 전체를 100% 크기로 blog.naver.com · 2025.11.14
• CSS 레이아웃과 포지셔닝(블록요소 & 인라인요소) 강원도 강촌 60세 할아버지가 배우고 있는 css 레이아웃과 포지셔닝입니다. css 블록요소와 인라인요소 편입니다. css 레이아웃과 포지셔닝 블록 요소와 인라인 요소의 차이점 블록 블록요소에는 div, p, h1~h6,ul,ol,li,form등이 해당한다. blog.naver.com · 2025.10.03
• css image transparent Q. can i set image transparent ( remove bg ) using css ? A. color, you can use the filter property along with a CSS div backgr....... blog.naver.com · 2024.05.28
• HTML, CSS CSS [ float ] - float를 사용하면 붕뜨게되는 속성이 있어서 하위 순서 div가 위로 올라오게된다. - 정렬성 layout을 만드는데 사용함 - float를 사용하면 상위 div는 이것을 자신의 자식으로 인정하지 않음 -> 상위 div css에 overflow : hidden or auto 를 삽입해줌 - float를 사용하면 뒷 순서의 div가 blog.naver.com · 2021.12.14
• 반응형 디자인, CSS 코드의 재사용, 수업을 마치며 @media(min-width:800px) { div{ display:none; } } min 최소값 max 최대값 미디어 쿼리를 이용해서 반응형 디자인 구현하기 @media(max-width :800px) { #grid { display: block; } #grid ol { border-right: none; } } CSS 코드의 재사용 지금까지 만든 코드를 각 웹페이지에다가 blog.naver.com · 2020.03.02
• [html,css]article/section/div 요소 ariticle 요소 article 영역은 페이지에서 독립적인 내용(독립적인 공간)이다. 해당 부분을 따로 떼어서 다른 페이지로 이동해도 그 영역 속 내용 만으로 온전히 하나의 기사가 될 수 있다. 예를 들면 신문기사, 잡지기사, 블로그 항목, 위젯, 가젯, 바로가기 배너 등 기타 모든 blog.naver.com · 2019.02.12
• CSS 선택자 CSS의 효과가 적용될 태그를 지정Id 선택자● id 속성은 전체 문서에서 하나의 태그를 식별하기 위해서만 사용됨 ● 우선순위가 가장 높음 ● css 선택자에서는 #을 사용해서 id임을 표시 ● 다음 예제는 id값이 memo인 태그의 컨텐츠를 빨간색으로 표시하도록 함 #(아이디)memo는 컬러값을 레드로 줘라 라는 명령이며, div(디비전) id값 memo에게 적용 blog.naver.com · 2016.08.14

블로그 결과 더보기 →