HTML CSS3 기초

HTML

HTML CSS3 기초

기련이 2020. 5. 14. 16:17

/* 스타일 태그 내에서의 주석은 
    자바의 블록 주석을 사용 */
/* 전체 선택자 */
*{
	border: 2px solid black;
	padding : 10px;
	margin : 5px;
}
/* 1. 태그 선택자 */
h1 {
	color : blue;
	font-size : 22px;
}
p {
	color : red;
}
h1, p {
	background-color: yellow;
}
</style>
</head>
<body>

</body>

<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. ....</p>

<h1>두번째 제목</h1>
<h2>소 제목</h2>

CSS (Cascading Style Sheet) version 3
형식
    <style(style 사이에 선택자 속성)>
    selector(선택자) {
     속성 : 값;
     속성 : 값;
     ....
     }

  html의 style 태그에 위와 같이 작성.