푸르생 스토리

html 과 css의 관계 기본 3편 / CSS 기초와 display의 대표적인 속성 3가지 본문

개발/HTML+CSS

html 과 css의 관계 기본 3편 / CSS 기초와 display의 대표적인 속성 3가지

푸르생 2021. 4. 7. 21:45
728x90
반응형
SMALL
<body>
<h1>go9.co/JIE</h1>
  <h2> display가 가질 수 있는 속성은 3가지 이다.</h2>
  
 
  <!-- 첫번째. block은 나 한줄 다 쓸래-->
  <div1>1</div1>
  <!-- 두번째. none 은 아예 태그 내용을 없애 버림 -->
  <div2>2</div2>
  <!-- 세번째. inline-block은 글자화. 웬만하면 한줄에 전부 표시하는 성격임-->
  <div3>3</div3>
  <div4>4</div4>
  
  ㅎㅎㅎ
  
</body>
div1{
  background-color:blue;
  margin:10px;
  display:block;
}

div2{
  background-color:blue;
  margin:10px;
  display:none;
}

div3{
  background-color:blue;
  display:inline-block;
  color:red;
}

결과 값

 

728x90
반응형
LIST
저작자표시 비영리 변경금지

'개발 > HTML+CSS' 카테고리의 다른 글

html 과 css의 관계 기본 5편 / CSS inherit  (0) 2021.04.07
html 과 css의 관계 기본 4편 / CSS 선택자.  (0) 2021.04.07
html 과 css의 관계 기본 2편 / CSS 기초와 display 속성  (0) 2021.04.07
html 과 css의 관계 기본 1편  (0) 2021.04.07
html. AZ 총정리!  (0) 2021.04.07
'개발/HTML+CSS' Related Articles more