border-radius : 50%; 이미지파일 둥글게
grid-column: 3/5; 열 3~5까지
1/ span2; 1에서부터 2칸더
span 2: 원래 위치에서 두칸
지정안하면 자동으로 지정
grid-column 순서
li1 : column 3부터4, row 2부터3
li2 : column 5부터 6, row 2부터 3
grid-template-columns :repeat(7, 1fr);
열 7칸 갯수 고정, 비율에따라 크기맞춰짐.
grid-template-rows :repeat(auto-fill, 100px);
행 갯수 자동생성, 크기 100px고정
div태그 빨리 생성
.클래스명 엔터 : 클래스명이 들어간 div태그 생성
.name 엔터 :
#아이디명 엔터: 아이디명이 들어간 div태그 생성
#name 엔터:
'2021 Newlecture > HTML & CSS' 카테고리의 다른 글
| grid / repeat / grid-column (0) | 2021.03.19 |
|---|---|
| Grid Line만드는 방법#3 : 영역이름부여 (0) | 2021.03.19 |
| CSS 파일생성 (0) | 2021.03.17 |
| Grid Line / 모눈종이만들기 / 여백늘리기 / Grid-area / 아이템배치 (0) | 2021.03.17 |
| grid / grid-template-columns/auto-fill/ auto-fit (0) | 2021.03.15 |
| CSS flexbox 정리 (0) | 2021.03.15 |
| CSS Position (absolute / fixed / sticky / relative) (0) | 2021.03.12 |
| flex / flex-flow / justify-content / (0) | 2021.03.11 |