728x90 300x250 SMALL Front-end319 가변형 그리스 시스템 계산하는 법 100%에서 2%씩의 공간을 다 빼 줄 경우 76%가 나오 이걸 12로 나눈 값을 1개일 때 2개일 때 이렇게 곱해줄 때 2%의 공백을 넣어준다. .grid_1 {width: 6.3%;} .grid_2 {width: 14.6%;} /* 6.3*2 + 0.2 */ .grid_3 {width: 22.9%;} .grid_4 {width: 31.2%;} .grid_5 {width: 39.5%;} .grid_6 {width: 56.1%;} .grid_7 {width: 47.8;} .grid_8 {width: 64.4%;} .grid_9 {width: 72.7%;} .grid_10 {width: 81%;} .grid_11 {width: 89.3%;} .grid_12 {width: 100%;} 2022. 6. 3. 웹표준과 크로스 브라우징 차이 웹 표준 시멘틱 웹을 구성하기 해 미리 약속되어진 작업방식 웹 접근성을 확보하기 위해서는 시멘틱 웹을 작성해야 하고 시멘틱 웹 작성을을 위해서는 웹 표준을 준수해야 한다. 크로스 브라우징 모든 브라우저에서 동일한 화면을 구성하기 위한 작업 기법 웹표준을 준수하면 크로스 브라우징도 가능해 진다. 2022. 6. 1. [css] 화면 줄일 때 잘리는 게 아니라 밑으로 떨어지게 하려면? .container { border: 5px solid #ffcc5c; display: flex; justify-content: flex-start; flex-wrap: wrap; //이렇게 지정해준다. } 2022. 5. 24. css 확장자로 요소 찾기 확장자로 요소를 찾을 때는 속성의 끝이름으로 찾아주면 된다. 예를 들어서 이미지 중 jpg만 찾아서 수정한다면 아래와 같이 작성할 수 있다. img[src$=".jpg"] { 수정할 내용 } 2022. 5. 23. 이전 1 ··· 28 29 30 31 32 33 34 ··· 80 다음 728x90 반응형 LIST