(html)div 와 span의차이
2020. 8. 25. 22:15ㆍHTML,CSS
div
div 태그는 Division의 약어 한국말로 직역하면 분할이다.
div는 레이아웃의 영역을 지정할때 사용합니다 table과는 다르게 영역을 자유롭게 줄 수 있어 개인적으로
자주 사용하는 태그이다. (이번 계산기도 div로만 작성)
span
필자는 문자열을 넣을때 부분만 사용하는 태그로사용하는경우가 많다.
태그 안에 아무런 콘텐츠가 지정이없으면 해당 부분은 변화가없다.
div , span 차이점
div 은 블록 span 은 인라인 요소 그렇다는건
div 는 줄바꿈이 가능하지만 span은 줄바꿈이 일어나지않는다.
그럼 당연히 span은 margin 을 좌우로만 적용되고
div는 상하좌우가 전부적용된다
절대경로 ,상대경로
절대경로
간단하게 생각하면
<link rel="stylesheet" type="text/css" href="css/test.css">
<script src="js/test.js">
이렇게 우리는 절대경로를 코딩하면서 자주 사용한다.
" 웹페이지나 파일이 가지고 있는 고유한경로 " 로 정의한다.
들어갈 경로가 확고하게 지정이 되있다 예) js ,css folder
css/test.css
js/test.js
상대경로
/ : 루트
./ : 현재 위치
../ : 현재 위치의 상단 폴더
ex) index.jsp가 C:\index\a에 위치한다면,
/ 는 C:
./ 는 a
../ 는 index
'HTML,CSS' 카테고리의 다른 글
(HTML,CSS) FLEX BOX (0) | 2020.11.02 |
---|---|
HTML,CSS 참고 하면 좋은것들 (0) | 2020.08.19 |