Sujin's Dlog

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..

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"); /** 고정된 사이즈로 ..

TODAY 28 | TOTAL 123456 수지니의 추억상ㅈr..(*ˊᵕˋo💐ohttps://cafe.naver.com/codeuniv 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-rad..

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) */ ..

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; }

프로그래밍과 코딩 프로그래밍이란 '컴퓨터 프로그램을 작성하는 일'을 뜻하며 코딩이란 프로그래밍에 수반되는 '코드 작성 작업'을 의미한다. 프로그래밍은 '일반적으로 프로그램 작성 방법의 결정, 코딩(coding), 에러 수정 따위의 작업을 이르지만, 특수하게 코딩만을 이를 때도 있다. 프로그래밍 언어 이 부분의 본문은 프로그래밍 언어입니다 특정한 프로그래밍 언어로 쓰인 프로그램은 기계어로 번역되어 컴퓨터에 의해 실행되며, 어떤 프로그래밍 언어도 기계어로 번역이 가능하다. 어떤 언어에서는 기계어 대신 p-부호로 불리는 바리를 생성하기도 한다. 프로그래머가 기계 부호로 직접 작성하는 것도 가능하지만, 이는 굉장히 어려운 작업이다. 때문에 낮은 수준에서의 컴퓨터 제어가 필요한 경우 프로그래머들은 기계어 명령어에..

made by 수지니 모각코 html/css 과정 step1 좋아하는 유튜브 소개하기 😆몽자 유튜브 링크 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;700&display=swap'); div{ font-family: 'Noto Serif KR', serif; }

div{ width: 100px; height: 100px; background: pink; border-radius: 50%; } div{ border-width: 10px; border-style: solid; border-color: pink; width: 100px; height: 100px; } div{ border: 10px double deepskyblue; width: 100px; height: 100px; } div{ border-top: 10px solid deepskyblue; border-right: 10px double deeppink; border-bottom: 10px dotted greenyellow; border-left: 10px dashed plum; width: 100..

안녕하세요 ▶ 각각의 텍스트를 태그로 감싸줌 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;700&display=swap'); body{ background-color:darkgreen; } h1{ font-family: 'Noto Serif KR', serif; font-size:30px; } h1 span:nth-child(1){ color:red; } h1 span:nth-child(2){ color:orange; } h1 span:nth-child(3){ color:yellow; } h1 span:nth-child(4){ color:green; } h1 span:nth-child(5){ color:blue;..

태그 Paragraph : 문단을 지정하는 기능 문단 1 문단 2 태그 Line Break : 줄을 바꾸는 기능 문단 1 1. 내용 문단 2 2. 내용 태그로도 문장을 나눌 수 있다. 문단 11. 내용 문단 22. 내용 태그 Division : 영역을 나누는 기능 ( 한 페이지 내에서 영역을 지정 ) 태그 : 범위를 지정하는 기능 ( 영역을 나누거나 줄바꿈을 하지 않고 일정 범위를 지정 ) 내용 1 내용 2 내용 3 내용 4 → div는 자동으로 줄바꿈이 되지만 span은 줄바꿈이 되지 않음 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;700&display=swap'); div{ font-family: 'Noto..