div : block-level , 1줄에 1개씩
span : inline-level, 1줄에 여러개, contents자체만을 꾸며준다-컨텐츠의 크기에 맞춰서 바뀐다
span {
display : block;
} : 한줄에 하나씩 나온다.
div {
display : inline-block; : 한줄에 여러개 나온다.
}
inline : contents자체만을 꾸며준다-컨텐츠의 크기에 맞춰서 바뀐다
inline-block : 지정한 블록단위로 표기가 된다.
block : 블록단위로 한줄에 한개씩
POSITION
{position : static;} HTML에 정의된 순서대로 브라우저에 보여진다.
'CSS' 카테고리의 다른 글
| Do it : CSS -6.텍스트 관련 스타일 (0) | 2020.09.09 |
|---|---|
| Do it : CSS -5. 기초 (0) | 2020.09.08 |
| 드림코딩 엘리 : CSS 셀렉터, 기초이론 정리. (0) | 2020.08.31 |
| 생활코딩 : CSS 정리 -2.박스모델, 중복의 제거, 크롬stylebot (by 웹 어플리케이션 만들기) (0) | 2020.08.29 |
| 생활코딩 : CSS 정리 -1. 태그 (by 웹 어플리케이션 만들기) (0) | 2020.08.29 |