다연이네

[days01] <style type="text/css"> 본문

Web/HTML

[days01] <style type="text/css">

　다연　 2020. 11. 30. 20:21
반응형

<style type="text/css">
 대상 {         -> 그럼 이 대상을 찾아
   속성:속성값;      -> 그 안의 이 속성을 찾고 속성값을 준다.
   속성:속성값;
     :
 } 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">

	h1{ /*h1 태그를 찾아 */ 
		color:red; /*글자색을 빨강으로 주겠다  */
		border: 1px solid DodgerBlue; /* 테두리 주겠다 저 색으로   */
		text-align: center; /* 정렬 */
		/* background-color: rgb(99,255,71); */
		/* background-color: #64ff47;  #ffffff(16진수 hex hex hex)  */
		background-color: rgba(99,255,71, 0.5); /* a = 투명도 (0.5= 50%)  */
	
		/* 쓰진 않지만 적어두기 
		HSL(색조, 채도, 밝기)
		색조 : 0~460 (0빨 120녹 240파)
		채도 : 백분율 0%회색음영, 100%전체색상
		밝기 : 백분율 0%검정색 100%흰색
		
		HSLA(			,투명도)
		 */
	
	}
	
</style>
</head>
<body>
<!-- <h1 style="color:red">Hello World</h1> -->
<h1>Hello World</h1>
</body>
</html>

 

반응형
저작자표시 비영리

'Web > HTML' 카테고리의 다른 글

[days02] &땡땡땡;  (0) 2020.12.01
[days01] html 링크 - 페이지 간에 이동, 다른 문서로 이동  (0) 2020.11.30
[days01] html 인용 태그(요소): blockquote, q, abbr, address, cite, bdo 태그  (0) 2020.11.30
[days01] html 서식 태그(요소)  (0) 2020.11.30
[days01] <p>단락 정의, <pre>서식이 지정된 텍스트 정의  (0) 2020.11.30
'Web/HTML' Related Articles more
Comments