티스토리

You&Me
검색하기

블로그 홈

You&Me

michinyum.tistory.com/m

웹에 미치다.

구독자
7
방명록 방문하기
반응형

주요 글 목록

  • 인라인 요소와 블록 요소 정리 block요소 block,inline요소를 감쌀 수 있음. width: 100%, height: 0으로 시작. 크기를 지정할 수 있음. 항상 (한 영역을 다 차지하여) 줄바꿈되서 시작이 되며 가로폭 전체의 넓이를 가지는 직사각형 형태가 됨. width, height, margin, padding 등을 사용하여 형태를 변형하여 레이아웃을 수정할 수 있음. 종류 : address, article, aside, audio, blockquote, canvas, dd, div, dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, noscript, ol, output, p, pre, section, ta.. 공감수 0 댓글수 0 2020. 4. 10.
  • 두줄 효과 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;} ----> 요기에서 숫자는 줄을 설정해주는 숫자 공감수 0 댓글수 0 2020. 4. 1.
  • box-shadow box-shadow - 박스에 그림자 효과를 주는 속성 none , h-shadow , v-shadow , blur , spread , color , inset h-shadow : 그림자의 수직(X축) 거리 v-shadow : 그림자의 수직(Y축) 거리 blur : 그림자의 흐림정도 spread : 그림자의 거리 inset : 내부 그림자 box-shadow: 0px 0px #ccc; - h-shadow, v-shadow , color box-shadow: 0px 0px 0px #ccc; - h-shadow, v-shadow, blur, color box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); - h-shadow, v-shadow, blur, spread, colo.. 공감수 0 댓글수 0 2020. 3. 20.
  • letter-spacing, word-spacing.... letter-spacing - 글자 사이의 간격을 정해준다. word-spacing - 단어 사이의 간격을 정해준다. 공감수 0 댓글수 0 2020. 3. 20.
  • 가운데 정렬 블록구조를 가운데 정렬 할때는 - margin: 0 auto;인라인 구조를 가운데 정렬 할때는 - text-align: center; 공감수 0 댓글수 0 2020. 3. 19.
  • 한줄 효과 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 1. overflow: hidden; - 내가 지정한 영역외에는 아무곳에서도 보이지 마라. 2. text-overflow: ellipsis; 내가 지정한 영역에서 범위를 벗어나면 끝을 ...으로 표현해준다. 3. white-pace: nowrap; - 두줄을 한줄로 바꿔준다. ♥♥♥ {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 이 세가지를 한꺼번에 같이 써주면 한줄 효과. ♥♥♥ 공감수 0 댓글수 1 2020. 3. 10.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.