div 태그 레이아웃을 결정짓는 Box model
세로로 펼쳐지는 글씨와 이미지 요소들을 분리된 박스영역내에 표현하는 레이아웃의 기본요소이다.
DIV가 레이아웃으로 역할을 할때 주로 사용하는 CSS에는 바깥여백 margin / 안쪽여백 padding / 선 border / 배경 backgrond / 좌우 배치 float / 새로운 시작 clear:both / 보여주는 방식 display: none block inline inline-block 외 다양한 스타일 속성이 존재한다.
디비전 태그 | 디스플레이 속성 | 플롯의 속성 | 플롯의 사용예시 | 클리어 속성
아래 원본파일을 참고하세요.(이미지는 포함되지 않았습니다.)
Splash(Intro) 페이지에 사용할 수 있는
Positon 속성1편-절대위치
Positon 속성2편-상대위치
팝업창소스
코드명없이 오픈된 폰트어썸 바로가기
Font Awesome Icons
Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. Ligatures for easier des
fontawesome.com
01. Head문에 링크된 css 연결
02. 아이콘을 검색해서 삽입하기
▼ 1단계 최종결과물
'UI UX(Web)' 카테고리의 다른 글
| 웹사이트 제작 3편 - 네비 및 내용구성 (0) | 2021.05.20 |
|---|---|
| 웹사이트 제작 2편 - 테마변경 (0) | 2021.05.13 |
| DIV(디비전)태그 총정리 / 슬라이드 외부소스 (0) | 2021.04.16 |
| On Event 전체메뉴(사이트맵) 보기 (0) | 2021.04.15 |
| Web 05. 이미지 스타일(Background:color,url('url') (0) | 2021.04.06 |
