반응형

모각코 10

font-awesome 라이브러리 추가하기

font-awesome? 유용한 아이콘들을 가져올 수 있는 라이브러리 1. font-awesome 사이트 접속 https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 2. Start for Free 클릭 3. 이메일 입력 후 Send Kit Code 클릭 4. 입력한 이메일에서 Click to Confirm Your Email Address + Set Things Up 클릭 5. 비밀번호, 이름 등을 입력해 가입 과정 진행 6. 개인별 rul 복사 후 html 파일..

Web/모각코 2022.01.06

[ Visual Studio Code ] 싸이월드 페이지 만들기 - ⑨

1. home.html TODAY 28 | TOTAL 234918 ㄴr는.. 오늘도.. 눈물을.. 흘린ㄷr..★ 수지니 (♪♬) 파도타기 블로그 바로가기 페이스북 바로가기 인스타그램 바로가기 수지니의 추억 상ㅈr... (*ˊᵕˋo💐o https://url주소/나중에입력 Updated news 사진첩 일상...♥ 게시판 웹코딩...♥ 게시판 Memory...♥ 사진첩 여행...♥ 다이어리0/25 사진첩0/25 게시판0/25 방명록0/25 Miniroom 홈 다이어리 사진첩 방명록 2. picture.html TODAY 28 | TOTAL 234918 ㄴr는.. 오늘도.. 눈물을.. 흘린ㄷr..★ 수지니 (♪♬) 파도타기 블로그 바로가기 페이스북 바로가기 인스타그램 바로가기 수지니의 추억 상ㅈr... (*ˊ..

Web/모각코 2022.01.06

[ Visual Studio Code ] 싸이월드 페이지 만들기 - ⑦

1. home.html TODAY 28 | TOTAL 234918 ㄴr는.. 오늘도.. 눈물을.. 흘린ㄷr..★ 수지니 (♪♬) 파도타기 블로그 바로가기 페이스북 바로가기 인스타그램 바로가기 수지니의 추억 상ㅈr... (*ˊᵕˋo💐o https://url주소/나중에입력 Updated news 사진첩 일상...♥ 게시판 웹코딩...♥ 게시판 Memory...♥ 사진첩 여행...♥ 다이어리0/25 사진첩0/25 게시판0/25 방명록0/25 Miniroom 홈 다이어리 사진첩 방명록 2. picture.html TODAY 28 | TOTAL 234918 ㄴr는.. 오늘도.. 눈물을.. 흘린ㄷr..★ 수지니 (♪♬) 파도타기 블로그 바로가기 페이스북 바로가기 인스타그램 바로가기 수지니의 추억 상ㅈr... (*ˊ..

Web/모각코 2022.01.04

[ Visual Studio Code ] 싸이월드 페이지 만들기 - ⑥

1. home.html TODAY 28 | TOTAL 234918 ㄴr는.. 오늘도.. 눈물을.. 흘린ㄷr..★ 수지니 (♪♬) 파도타기 블로그 바로가기 페이스북 바로가기 인스타그램 바로가기 수지니의 추억 상ㅈr... (*ˊᵕˋo💐o https://url주소/나중에입력 Updated news 사진첩 일상...♥ 게시판 웹코딩...♥ 게시판 Memory...♥ 사진첩 여행...♥ 다이어리0/25 사진첩0/25 게시판0/25 방명록0/25 Miniroom 홈 다이어리 사진첩 방명록 2. picture.html TODAY 28 | TOTAL 234918 ㄴr는.. 오늘도.. 눈물을.. 흘린ㄷr..★ 수지니 (♪♬) 파도타기 블로그 바로가기 페이스북 바로가기 인스타그램 바로가기 수지니의 추억 상ㅈr... (*ˊ..

Web/모각코 2022.01.01

[ Visual Studio Code ] 싸이월드 페이지 만들기 - ⑤

1. home.html TODAY 28 | TOTAL 234918 ㄴr는.. 오늘도.. 눈물을.. 흘린ㄷr..★ 수지니 (♪♬) 파도타기 블로그 바로가기 페이스북 바로가기 인스타그램 바로가기 수지니의 추억 상ㅈr... (*ˊᵕˋo💐o https://url주소/나중에입력 Updated news 사진첩 일상...♥ 게시판 웹코딩...♥ 게시판 Memory...♥ 사진첩 여행...♥ 다이어리0/25 사진첩0/25 게시판0/25 방명록0/25 Miniroom 홈 다이어리 사진첩 방명록 2. font.css @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap"); @font-face { font-fa..

Web/모각코 2021.12.31

[ Visual Studio Code ] 싸이월드 페이지 만들기 - ④

1. html TODAY 28 | TOTAL 234918 ㄴr는.. 오늘도.. 눈물을.. 흘린ㄷr..★ 수지니 (♪♬) 수지니의 추억 상ㅈr... (*ˊᵕˋo💐o https://url주소/나중에입력 Updated news 사진첩 일상...♥ 게시판 웹코딩...♥ 게시판 Memory...♥ 사진첩 여행...♥ 다이어리0/25 사진첩0/25 게시판0/25 방명록0/25 Miniroom 2. font.css @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap"); @font-face { font-family: "NeoDunggeunmo"; src: url("https://cdn.jsdelivr.n..

Web/모각코 2021.12.29

[ Visual Studio Code ] 싸이월드 페이지 만들기 - ③

TODAY 28 | TOTAL 123456 수지니(♪♬) 수지니의 추억상ㅈr..(*ˊᵕˋo💐ohttps://cafe.naver.com/codeuniv Updated news 사진첩 일상★ 게시판 Dream★ 게시판 먹방★ 사진첩 여행★ 다이어리 8/25 사진첩 8/25 게시판 8/25 방명록 8/25 Miniroom @import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Hi+Melody&display=swap'); body { background-color: #a3a3a3; /** body에 배경이미지 적용 */ background-image: url("../static/images/pattern.png"); /** 고정된 사이즈로 ..

Web/모각코 2021.12.29

[ Visual Studio Code ] 싸이월드 페이지 만들기 - ①

body { background-color: #a3a3a3; /** body에 배경이미지 적용 */ background-image: url("../static/images/pattern.png"); /** 고정된 사이즈로 설정 */ background-size: 100px; /** 기본 body 사이즈를 화면 크기로 고정 */ position: fixed; left: 0; top: 0; right: 0; bottom: 0; } .bookcover { /** 배경 색깔 지정 */ background-color: #b4d1da; /** 모서리 둥글게 */ border-radius: 9px; /** 윤곽선 */ border: 1px solid #738186; /** 기본 너비, 높이 지정 (반응형 X) */ ..

Web/모각코 2021.12.26

[ Visual Studio Code ] 웹 페이지 생성

made by 수지니 모각코 html/css 과정 step1 좋아하는 유튜브 소개하기 😆몽자 유튜브 링크 step2 위키 백과 만들기 HTML, CSS 본격 시작하기! step3 위키 백과 수정하기 웹 폰트 적용하기 step4 웹 페이지 생성하기 여러 방법으로 크기 적용하기 @import url('https://fonts.googleapis.com/css2?family=Jua&family=Noto+Serif+KR:wght@500;700&display=swap'); div{ font-family: 'Noto Serif KR', serif; }

Web/모각코 2021.12.24
반응형