[HTML&CSS] 라이브러리, 커스텀 개념(feat.con-min-width, con)

2020. 12. 4. 17:56HTML&CSS&JavaScript

<라이브러리와 커스텀으로 나누는 이유>

-라이브러리: 범용적으로 활용하는 것

-커스텀: 해당 사이트만의 특징? 개성? 같은 개념으로 범용적이지 않은 것은 커스텀으로 분류

<con-min-width>

-con-min-width: 사이트 화면에서 틀 크기(최소너비)를 지정하는 것, 처음 시작할때 정하고 시작하는 것이 좋음 

-con: con-min-width의 자식, 전체 틀 안에 섹션 개념

<활용 예시>

<HTML>

<section class="con-min-width">
  <section class="con">
  
   
   <!-- 이 안에 태그들을 생성 -->
   
   
  </section>
</section>

<CSS>

  /*라이브러리*/
.con{
 margin-left:auto;
 margin-rtight:auto;
}

/*커스텀*/
.con-min-width{
  min-width:1200px;
}
.con{
 min-width:1200px;
}

 

 

'HTML&CSS&JavaScript' 카테고리의 다른 글

[HTML&CSS] box-sizing  (0) 2020.12.04
[HTML&CSS] @media  (0) 2020.12.04
[HTML&CSS] float(feat.clear)  (0) 2020.12.04
[HTML&CSS] :root 가상선택자  (0) 2020.12.04
20.12.03 HTML&CSS 반응형 레이아웃 연습  (0) 2020.12.03