개발세발

[HTML/CSS][모각코][03] CSS 업그레이드 본문

인터넷 배움/코뮤니티- 모각코(HTMLㆍCSS 심화편)

[HTML/CSS][모각코][03] CSS 업그레이드

뉼👩🏻‍💻 2022. 2. 8. 01:16
728x90
반응형
SMALL

[제출본]

https://codemate.kr/@yuuulya/day03-CSS-업그레이드

 

[day03] CSS 업그레이드! by yuuulya | 코드메이트

[코드] <!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>Developer</title>   <link rel="stylesheet" href="./style.css" /> </head> <body>

codemate.kr

 

 

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Developer</title>
  <link rel="stylesheet" href="./style.css" />
</head>
<body>
<h1> 개발자에 대해 알아봅시다!</h1>
<br>
<div class="web">
<h2 style="color:brown;">&nbsp;&nbsp;웹 개발자</h2>
<hr/>
&nbsp;웹개발자는 HTTP프로토콜을 커뮤니케이션 매체로 사용하는 웹 페이지, 웹 사이트 등 WWW 기반 소프트웨어 개발자 또는 소프트웨어 엔지니어를 말한다.
대다수의 웹개발자들은 웹 디자인, 정보설계, 사용자 인터페이스 설계, 프로젝트 관리, 웹 서버 및 데이터베이스 관리, 웹페이지 코딩 및 프로그래밍 관련 기술을 가지고 있다.
<ul>
<li>웹 퍼블리셔(UI 개발자)</li>
<li>프론트엔드 개발자</li>
<li>백엔드 개발자</li>
</ul>
</div>
<br>
<div class="game">
<h2 style="color:red;">&nbsp;&nbsp;게임 개발자</h2>
<hr/>
&nbsp;프로그래밍을 통해 맵 디자인, 캐릭터 디자인, 사운드, 각종 시스템 등을 뒤섞어, 게임이라는 하나의 결과물을 만드는 직군이다. 게임 프로그램의 구조를 설계하고 게임 프로그래밍을 수행한다.
<ul>
<li>게임플레이 프로그래머</li>
<li>물리 엔진 프로그래머</li>
<li>그래픽/렌더링 프로그래머</li>
<li>개발 도구 프로그래머</li>
<li>네트워크/서버 프로그래머</li>
</ul>
</div>
</body>
</html>

 

@import url('https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&family=Hahmlet:wght@800&family=Nanum+Pen+Script&display=swap');
@font-face {
    font-family: 'ROKAFSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ONE-Mobile-POP';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1{
  font-family: 'ONE-Mobile-POP';
}

 h2 {
 font-family: 'GangwonEduPowerExtraBoldA';
 background-color:#F6E1D0;
 }
 
 .web {
font-family: 'Hahmlet', serif;
 font size:50px;
 color:#6A615A
 }
 
.game {
font-family: 'ROKAFSansBold';	
font size:12px;
color:#152C3A}
}

 

 

[참고사이트]

https://fonts.google.com/

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

https://noonnu.cc/

 

눈누

상업용 무료한글폰트 사이트

noonnu.cc

 

728x90
반응형

'인터넷 배움 > 코뮤니티- 모각코(HTMLㆍCSS 심화편)' 카테고리의 다른 글

[HTML/CSS][모각코][06] 미니홈피 홈화면 레이아웃 만들기  (0) 2022.02.16
[HTML/CSS][모각코][05] 미니홈피 기본 레이아웃 만들기  (0) 2022.02.11
[HTML/CSS][모각코][04] HTML, CSS 개념 복습하기!  (0) 2022.02.09
[HTML/CSS][모각코][02] 나만의 위키 만들기  (0) 2022.02.07
[HTML/CSS][모각코][01] HTML 문서만들기  (0) 2022.02.04
'인터넷 배움/코뮤니티- 모각코(HTMLㆍCSS 심화편)' Related Articles more