profile
안녕하세요.

float에 대해서

float은 이미지 주변에 텍스트

2021년 5월 13일
·
0개의 댓글
·
post-thumbnail

position속성 - relative, absolute, fixed

HTML에서 코드를 작성할 경우, 작성한 순서대로 페이지에 그려진다. Css에서 position속성을 이용하면 html코드와 상관없이 그리고 싶은 어느 위치에나 요소를 그릴수 있게된다. position는 총 4개의 속성을 가지고 있다. position: static

2021년 5월 13일
·
0개의 댓글
·
post-thumbnail

inline, block에 대해서

레이아웃을 제어하기 위해 CSS의 inline, block 속성에 대해서 잘 알아야 할 것 같다.html에서 자주 쓰이면 요소들은 대부분 기본값으로 block 또는 inline을 가진다.위에 있는 그림은 div태그와 span태그에 검은색 배경을 넣어 비교한 것이다.di

2021년 5월 12일
·
0개의 댓글
·

Css box-sizing(width값 지정)

width: 300px;padding: 50px;border: 10px solid red;위와 같이 css값을 설정해줬을 때 화면에서는 width(가로)가 300크기 만큼 배경색이 입혀지는 것이 아니라 width, padding, border값을 합친 420크기 만큼

2021년 5월 11일
·
0개의 댓글
·