개발자가 되기 위한 발자취 19일차.

신철민·2021년 10월 8일
0

생계와 학업을 병행 하는 건 힘들지만
그걸 이겨 낼 수 있는 건 미래의 개발자가 된 나.

CSS

1.border

  • 요소의 테두리 선을 지정하는 속성이며
    → 두께 → 종류→ 색상 순으로 지정하는 것이 일반적이다.
    . border-width
    ~ px, em, % 등 으로 지정한다.

    . border-style
    ~ 기본속성 none
    ~ solid 실선
    ~ dashed 파선
    ~ double 두줄

    . border-color
    ~ 기본속성 black
    ~ hex색상코드 16진수 색상 : #000, #ffffff
    ~ 빛의 삼원색
    ~ 빛의 삼원색+투명도

  • border-radius 요소의 모서리를 둥굴게 깎음
    ex) 0 50px 0 0 (답 : 2시 방향)

2.box-sizing

  • 요소의 크기 계산 기준을 지정
    . content-box 내용으로 크기 지정 (기본값)
    . border-box 내용+padding+border로 크기 지정

3.overflow

  • 요소의 크기 이상으로 내용이 넘칠 때 보여짐을 제어하는 단축 속성
    . visible 넘친 내용을 그대로 보여줌 (기본값)
    . hidden 넘친 내용을 잘라냄
    . scroll overflow가 짤리고 스크롤바 생성
    . auto 넘친 내용이 있는 경우에 필요에 따라서 생성 (scroll과 유사)
profile
쉬운 일이었다면 나에게까지 오지 않았을 것

0개의 댓글