css폼

home > css폼

8강 : css폼

甲男乙女(갑남을녀) 일반적인 평범한 사람들을 이르는 말

css폼 지금 시작합니다!
제 블로그에 놀러오신 분들을 환영합니다!

홈페이지를 만들때 가장 기본이 되는 css
기초부터 실무(?)까지 css의 기초를 간략하게 알려드리겠습니다.
css를 왜 배울려고 하시나요?
css를 배워서 뭘 하려고 준비중이세요?
댓글로 소통하면서 같이 나누고 싶습니다
소스는 아래처럼 이렇게 분리해서 쉽게 보실 수 있습니다.
이걸 배우기위에서는 기본적으로 html, js, javascript, jsp, asp 등 다양한 활용이 가능합니다

input[type=button], input[type=submit], input[type=reset] {
background-color: #4CAF50;
border: none;
color: white;
padding: 16px 32px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
}

div.a {
transform: rotate(10deg);
}

div.b {
transform: skewY(10deg);
}

div.c {
transform: scaleY(1.2);
}

속성값 정의입니다.

none 설명 : 변환이 없어야 함을 의미
matrix(n,n,n,n,n,n) 설명 : 6개 값의 행렬을 사용하여 2D 변환을 의미
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 설명 : 16개 값의 4x4 행렬을 사용하여 3D 변환을 의미
translate(x,y) 설명 : 2D 변환 정의
translate3d(x,y,z) 설명 : 3D 변환 정의
translateX(x) 설명 : X축 값만 사용하여 변환을 의미
translateY(y) 설명 : Y축 값만 사용하여 변환을 의미
translateZ(z) 설명 : Z축 값만 사용하여 변환을 의미
scale(x,y) 설명 : 2D 스케일 변환을 의미
scale3d(x,y,z) 설명 : 3D 스케일 변환을 의미


소스해설입니다. 소스에 보시면 body는 가장 중심이 되는 단어입니다.
css기초를 할때 가장 많이 만나는 단어가될 것이니 실제 반영해서 한번 잘 작동하는지 봐보세요.
어떠세요? 쉽죠?
h1~h6, 그리고 문단을 구분하는 p까지 쉽게 으 특성들을 꾸밀 수 있습니다.
하나 하나 코딩을 하는 것이 아니라 묶어서 한번에 id등을 활용해서 꾸밀 수 있습니다!
이렇게 쉽게 하실 수 있습니다.

이 강좌에서는
내용을 다릅니다. 더보기에서 확인해보세요. 댓글을 남겨주시면 제가 알고 있는 한도내에서 답변드리겠습니다.

+더보기





아직도 궁금하시죠? 다음 포스팅 보기