🔥 부트캠프-웹 개발 🔥/CSS3

다중 클래스 컬러 단위 line-height letter-spacing white-space word-break text-transform display 1) 다중 클래스 하나의 요소에 여러 가지 클래스를 적용시킬 수 있다. 예를 들어 아래와 같이 몇 가지 조건을 통일시킨 박스를 각각 다른 조건으로 만들고 싶을 때 .box { border: 2px solid #000; height: 100px; margin: 15px auto; text-align: center; font-size: 25px; } 다음과 같이 알아보기 쉽게 여러 클래스를 만들어 두고 .red {background-color: red;} .pink {background-color: pink;} .green {background-color:..

.css 외부 스타일 class margin padding border width height 1) .css 외부 스타일 head 부분에 직접 css를 코딩할 수 있지만, 자주 사용하는 css파일을 따로 만들어서 head에서 링크를 걸 수 있다. div {background-color: aqua;} div h2 {font-size: 50px; background-color: coral;} div h2 ul {} div h2 ul li {background-color: cornflowerblue;} div+p{background-color: chartreuse;} p {background-color: navajowhite;} 파일 이름을 style.css로 저장 한 후 html에서 링크하면 똑같이 적용이 ..

reset.css background-color color font-siza 1) reset.css 우선 reset.css 코드를 적용시켜 태그들이 갖고 있는 기본 설정을 초기화시킨 뒤 원하는 대로 수정을 한다. css 폴더를 만든 뒤 reset.css 파일을 넣는다. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ..