css float

home > css float

7강 : css float

孤軍奮鬪(고군분투) 고립된 군사력으로 분발하여 싸움

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

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

div {
float: left;
padding: 15px;
}

.div1 {
background: red;
}

.div2 {
background: yellow;
}

.div3 {
background: green;
}

.header, .footer {
background-color: grey;
color: white;
padding: 25px;
}

.column {
float: left;
padding: 25px;
}

.clearfix::after {
content: "";
clear: both;
display: table;
}

.menu {width: 20%;}
.content {width: 80%;}

요소 자세히 보기
none 설명 : 요소가 부동하지 않으며, 텍스트에서 발생하는 바로 그 위치에 표시됩니다. 이것은 기본값입니다.
left 설명 : 요소는 용기 왼쪽으로 이동합니다.
right 설명 : 요소는 용기의 오른쪽을 뜬다.
initial 설명 : 이 속성을 기본값으로 설정합니다. 초기 정보 읽기
inherit 설명 : 상위 요소에서 이 속성을 상속합니다. 상속 정보 읽기


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

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

+더보기





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