CSS Tutorial for Beginners #41-45
Block-level Elements
https://www.w3resource.com/html/HTML-block-level-and-inline-elements.php
div는 Block Elements span은 Inline Elements
Width & Height
percentage로 하면 화면에 따라 사이즈가 변경됨.
Rounded Corners
https://caniuse.com/ 에 CSS를 넣으면 브라우저별 지원여부가 나옴.
border-radius:
border-radius: top-left top-right bottom-right bottom-left;
Backgrounds
background-color:
background-image: 디폴트는 repeat
background-repeat: no-repeat; round
background-position: center; top center bottom right etc.
또한 20% 60% 식으로 20px 10px 첫번재는 왼쪽에서 얼마, 두번째는 top에서 얼마 떨어지게..
background-size:
Background shorthand
background: url() no-repeat top center;
이미지, 반복, 위치
background-color, background-size 만 별도로
게시판 목록
CSS
CSS 관련 공부 및 자료 공유 소모임 게시판 입니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 28 | 6년 전 | 889 | ||
| 27 | 6년 전 | 918 | ||
| 26 | 6년 전 | 944 | ||
| 25 | 6년 전 | 835 | ||
| 24 | 6년 전 | 1034 | ||
| 23 | 6년 전 | 954 | ||
| 22 | 6년 전 | 611 | ||
| 21 | 6년 전 | 892 | ||
| 20 | 6년 전 | 912 | ||
| 19 | 6년 전 | 834 | ||
| 18 | 6년 전 | 686 | ||
| 17 | 6년 전 | 676 | ||
| 16 | 6년 전 | 952 | ||
| 15 | 6년 전 | 901 | ||
| 14 | 6년 전 | 1020 | ||
| 13 | 6년 전 | 751 | ||
| 12 | 6년 전 | 682 | ||
| 11 | 6년 전 | 733 | ||
| 10 | 6년 전 | 943 | ||
| 9 | 6년 전 | 983 | ||
| 8 | 6년 전 | 719 | ||
| 7 | 6년 전 | 834 | ||
| 6 |
 nanati |
6년 전 | 3744 | |
| 5 | 6년 전 | 1067 | ||
| 4 | 6년 전 | 770 | ||
| 3 | 6년 전 | 1005 | ||
| 2 | 6년 전 | 1163 | ||
| 1 | 6년 전 | 973 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기