basic 썸네일형 리스트형 [css] 마진 겹침 현상 공통된 마진이 있는 경우 두 마진 값 중에서 큰 값이 사이의 마진 값이 된다. 더보기 [css] inline 방식에서는 width, height 값이 무시됨 . 더보기 [css] inline vs block display: inline; /* block, inline, inline-block 옵션 가능 */ 더보기 [css] 배경 이미지 설정하기 background-image: url(abc.svg); 더보기 [css] 가운데 정렬 text-align: center text-align: center; 더보기 [html] 레이아웃 잡기(flex) flex의 기본은 container와 그 안에 들어가는 item을 각각 만들어줘야 한다는 것입니다. 그리고 각각의 태그에 맞게 속성들을 집어넣어줘야 합니다. 부모 엘리먼트에 다음과 같이 추가한다. display: flex; flex-direction: row; /* row, row-reverse, column, column-reverse가 있음 */ 자식 엘리먼트에는 다음과 같이 줄 수 있다. /* 부모 엘리먼트를 꽉 채우는 레이아웃 */ flex-grow: 0; /* 기본은 0, 화면을 꽉 채우려면 1, 요소를 선택해서 2로 주면 요소의 크기가 더 커짐 */ flex-basis: 200px; /* 축에 따라서 축 방향으로 크기가 설정됨 */ /* 화면이 작아졌을 때 레이아웃 */ flex-shrink:.. 더보기 [html] 아이콘 삽입(fontello) 더보기 [css] ul 태그의 점 없애기 #id{ list-style: none; padding-left: 20px; } 더보기 이전 1 2 3 4 5 6 7 8 다음
