HTML, CSS

Minki CHO·2022년 10월 22일
0

CodeStates

목록 보기
2/43

1. list

HTML
CSS

2. remind

-HTML(structure)구조
-CSS(presentation)스타일
-Java Script(interaction)상호작용

1)HTML

-마크업 언어
-html-head-body 트리구조
-요소 element
 		<p>        hi      </p>
 (opening tag) (content) (closing tag) 
-div
-span: content 크기만큼 공간 차지
-ul: 순서없는 리스트
-img: 이미지 삽입/ src/ self-closing tag
-a: 하이퍼링크/ href
-시맨틱 태그
(header처럼 이름만 봐도 의미를 알 수 있는 tag)
(개발자의 이해도 및 가독성 높이기 위해서)
-block
-inline: content 크기만큼 공간 차지

2)CSS

-스타일과 레이아웃
-박스모델
margin: 테두리 외부 여백
border: 테두리 (border-radius: 둥근 테두리)
padding: border와 content 사이 여백
content: 컨텐츠
-셀렉터 selector
body(셀렉터) {
	  	  		color(속성):blue(속성값);
          		font-size:20px; 선언
       		  }(선언블록)
-class
.body {
	  	  color:blue;
        }
-id
#body {
	  	  color:blue;
        }
profile
Developer

0개의 댓글