CSS초기화 reset.css 및 CSS 말줄임 표시방법

2022.04.06

Reset CSS

웹 브라우저마다 다른 default 스타일이 지정되어 있기 때문에 이를 초기화 시켜주고, 
모든 웹 브라우저마다 동일한 스타일이 적용될 수 있도록 하는 설정

1. reset 하는방법

   1. 오른쪽 링크에 접속을 한다 reset-css
      

      

   2. Copy HTML을 한 후, html문서 head부분에 붙여넣는다
      확인해보면 css속성이 reset된걸 확인해 볼 수 있을것이다

CSS 말줄임

• 말줄임 만들때 쓰는 3가지 속성
  1. white-space(옆으로 길어질거냐?): nowrap; // 감싸지 않는다
  2. overflow: hidden; // 넘친걸 잘라내는 속성
  3. text-overflow: ellipsis; // 를 하면…으로 나온다!! …: 말 줄임표

끄적 😛

overflow-wrap: break-word
줄바꿈 기준을 모를 때 영역에 맞게 잘라주는 속성

word-break: break-all
단어가 아닌 글자단위로 줄바꿈을 하고자 할때 쓰는 속성

이미지 크기를 제어할때는 가로든 세로든 하나만 조절해주면된다!(비율때문에)