푸르생 스토리

html 과 css의 관계 기본 1편 본문

개발/HTML+CSS

html 과 css의 관계 기본 1편

푸르생 2021. 4. 7. 14:30
728x90
반응형
SMALL

html 코드

<!DOCTYPE html>
<html lang="KR" {IF CLASSES}class="classes"{/IF}>

    <head>

    <meta charset="UTF-8">

    <title>{TITLE}</title>

    
    </head>

     <body>  
		 		<!-- div 내에서 선언한 글씨의 값이 css보다 우선으로 쳐줌-->
        <div style="color:red; font-size:bold; background-color:blue"> 안녕 </div>
			 
			 <div> div 구분 </div>
				
			 <h1> h1 포함 확인 </h1>
				
     </body>

</html>

css 코드

div, h1{
	color: blue;
	font-size bold;
	background-color: red;
}

결과 창

#css등 #html css #css float #css flex #css display #C S S Industries, Inc. #CS stands #CSS & CSS3 20 Lessons to Successful Web Development 20 Lessons to Successful Web Development [ENH #CSS (Paperback) #css 란 #css position #css background-image #css 선택자 #css transition #css border #cssc #css margin #css font #cssports #css 공법 #css 가운데 정렬 #css 주석 #css table #css animation

728x90
반응형
LIST
저작자표시 비영리 변경금지

'개발 > HTML+CSS' 카테고리의 다른 글

html 과 css의 관계 기본 5편 / CSS inherit  (0) 2021.04.07
html 과 css의 관계 기본 4편 / CSS 선택자.  (0) 2021.04.07
html 과 css의 관계 기본 3편 / CSS 기초와 display의 대표적인 속성 3가지  (0) 2021.04.07
html 과 css의 관계 기본 2편 / CSS 기초와 display 속성  (0) 2021.04.07
html. AZ 총정리!  (0) 2021.04.07
'개발/HTML+CSS' Related Articles more