Dev log - 8, CSS #7

박강산·2022년 3월 28일
0

CSS 관련

  • label 태그는 <label><input type="checkbox">checkbox</label> 형식으로도 사용 가능

  • absoulute 영역을 부모 영역에 꽉 채우는 방법은 top, right, bottom, left = 0 값을 주면 됨

  • box-shadow : 그림자가 밖(기본) 혹은 안(inset), x축, y축, 퍼짐 정도(스프레드), 색상 순서
    참고 사이트 (https://developer.mozilla.org/ko/docs/Web/CSS/box-shadow)

  • transition 속성은 같은 속성의 변화만 적용 가능

  • background: linear-gradient(to 방향 혹은 각도deg, 색,색) 속성으로 그라데이션 효과 적용 가능
    참고 사이트 (https://cssgradient.io/)

  • 선택 시 메뉴 형성은 :checked 속성과 +, - 선택자 이용

  • background-color 속성에 none 속성을 주고 싶으면, transparnt 속성을 설정

Do it! 웹 표준의 정석 305p ~ 313p

profile
안녕하세요. 맡은 업무를 확실하게 수행하는 웹 개발자가 되기 위하여 끊임없이 학습에 정진하겠습니다.

0개의 댓글

관련 채용 정보