블로그

• css 디스플레이 속성(요소의 표시방식)-Flexbox / Grid 강원도 두메산골 60세 할배가 배우고 있는 css 디스플레이 속성과정입니다. css flexbox와 grid 핵심부분만 공부했습니다. Display속성(요소의 표시방식) 주요 Display 속성값 block: 해당 요소를 블록 레벨 요소로 지정한다. inline: 해당요소를 인라인 레벨 요소로 지정한다. inline-block blog.naver.com · 2025.10.04
• CSS 레이아웃과 포지셔닝(블록요소 & 인라인요소) 강원도 강촌 60세 할아버지가 배우고 있는 css 레이아웃과 포지셔닝입니다. css 블록요소와 인라인요소 편입니다. css 레이아웃과 포지셔닝 블록 요소와 인라인 요소의 차이점 블록 인라인요소(inline Elements): 특징: 컨텐츠의 일부분만 차지하며, 요소가 포함한 컨텐츠의 크기만큼만 가로폭을 갖는다. 새로운 줄에서 시작....... blog.naver.com · 2025.10.03
• Doit!-웹사이트 따라 만들기 : Cascading Style Sheet : 종속형 스타일 시트 CSS 초기화 박스 모델 : 안쪽여백(padding), 테두리(border), 바깥쪽 여백(margin) block : 화면 전체 사용, inline : 내가 가지고 있는 만큼 표현 inline-Block box-sizing : 박스의 크기를 어떤 기준으로 계산할지 정하는 속성 border-box blog.naver.com · 2022.10.28
• [CSS] Display: Inline-Block, Flex | Class 클래스 아이디로써 html 내의 특정 요소에 접근해 속성값을 적용시켜줄 수 있었습니다. 그러나 ID는 unique해야 하기 때문에 오직 한 요소에만 접근해서 속성을 바꿀 수 있습니다. 웹페이지 안에는 서로 다른 요소에 같은 속성을 적용해야할 일이 많습니다. 이럴 때 클래스를 이용할 수 blog.naver.com · 2022.01.22
• CSS - CSS : HTML을 꾸며주는 표현용 언어 [ 문법 ] - 선택자 {속성 이름 : 속성값; } - 주석 : /* 내용 */ - CSS 적용 방식 1. inline : hello, css 2. internal : head 태그 안에 3. external : 별도의 css 파일, head 태그안에 link 태그 [ 선택자 ] - 요소 선택자(태그 선택자) blog.naver.com · 2022.02.02
• [HTML/CSS핵심개념] Display 정리 : 베이스라인(Baseline) 및 Vertical align 아래 그림에서는 연두색 선이 Baseline이다. 2) 이미지의 Baseline : 이미지의 Baseline은 이미지의 밑부분을 가리킨다. 3) inline-block 요소 : inline-block [HTML] [CSS] [예외 케이스 1] inline-block박스 안의 콘텐츠가 아무것도 없을 경우 여기서 만약에 inline-block 요소 안에 텍스트 등의 콘텐츠...... blog.naver.com · 2022.02.07
• display: flex —— Css .approval-group{display: flex; align-item: stretch; height: 100%; width: 100%;} .approval-item width: 100%; padding-left: 20px} .btn-group.vertical{flex-direction: column} .btn-group{display: inline-flex blog.naver.com · 2022.02.10
• [모각코 플러스] HTML+CSS 심화과정 9일차 과제 4. 미니홈피 홈화면 완성하기 [9일차 과제] 2021-12-30(목) ✅ 오늘의 문제 : 미니홈피 홈화면 레이아웃 완성하기 ✔ 다양한 CSS 선택자를 활용해서 미니홈피 파도타기 버튼(Dropdown), 미니룸, (hide) 숨겼던 요소를 다시 보여주려면 display: block 또는 display: inline-block 등의 속성을 적용하면 된다. 2) Dropdown 기능을 적용하려면 blog.naver.com · 2021.12.31
• CSS 1---------------------------------------------- 일단, www.w3schools.com/css/ 여기 참조! Inline style(“font-size” 요런거 참고) 2) p12 글자색깔 RGB값 (16진수) 3) CSS 내부정의 (Embedded style) 4) P18 MIME type blog.naver.com · 2018.11.02
• 작업하다가 정리한 것 이미지작업시 psd는 640px, css 적용시 50% 이미지 해상도가 깨지지 않게 하기 위해서는 나인패치 적용(말풍선, 배경, 배너 등에 적용 가능) ◆li display 속성 inline 또는 inline-block시 생기는 여백 문제 ul 폰트 크기를 0으로 만들고 li에 다시 폰트 크기 지정하면 됨. blog.naver.com · 2016.09.02