20220405_TIL

4685 단어 CSShtmlCSS

#오늘 배운 것

  • 웹사이트 구성요소와 기본 디자인
  • 웹사이트 레이아웃을 구성하는 요소
  • 홈페이지 제작 실습

#새로 알게된 점

구조를 잡을 때 사용하는 태그

<header>
	<nav>
   	...
   </nav>
</header>

웹사이트의 본문을 담당하는 태그

<main role = "main">
	<article>
    	<h#></h#>
        ...
    </article>
</main>

웹사이트의 부록을 담당하는 태그

<footer>
	<div>
    	<p>주소 : 대한민국 제주특별자치도 제주시 </p>
        <p>이메일 : miekd213@123</P>
    </div>
    
	<div>
    	<p>사업자등록번호 : 888-88-88888 </p>
        <p>통신판매신고번호 : 제00000-342-34323</P>
    </div>
</footer>

CSS 초기 설정 값

//CSS

//여백을 없애줌
* {	
  margin: 0;
  padding: 0;
}

//이미지 수직위치를 중간으로 맞춰줌
img {
  vertical-align: middle;
}

//a태그의 밑줄, 색상 초기화
a {
  text-decoration: none;
  color: #000;
}

//리스트 앞쪽의 목록기호 없어짐
ol, ul {
  list-style: none;
}

좋은 웹페이지 즐겨찾기