css기초

home > css기초

1강 : css기초

苦盡甘來(고진감래) 고생끝에 낙이 온다는 말

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

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

body {
background-color: blue;
}

h1 {
color: white;
text-align: center;
}

p {
font-family: verdana;
font-size: 30px;
}
p {
color: red;
text-align: center;
}
#paradis1 {
text-align: center;
color: red;
}

@media관련 요소는 css를 할때 가장 중요합니다.
왜냐면 모바일이랑 pc를 동시에 이용하는 페이지를 만들기 위함입니다.

body {
background-color: blue;
}

@media screen and (min-width: 320px) {
body {
background-color: lightgreen;
}
}

@media screen and (min-width: 640px) {
body {
background-color: lavender;
}
}


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

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

+더보기





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