Programing/study
9일차-다양한 선택자..
body{ background-color:rgb(152, 151, 151); background-image: url(뼈대패턴.png); background-size: 100px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; } /**position 속성값 static(포지션 기본값), relative, absolute, fixed 순으로 상대적으로 레이아웃박스의 위치를 잡을 수있는거같다. **/ .bookcover{ background-color:rgb(112, 172, 166); border-radius: 9px; border: 1px solid gray; width: 960px; height: 660px; margin: 100px auto; pos..
8일차_Css 파일 나누기
body{ background-color:rgb(152, 151, 151); background-image: url(뼈대패턴.png); background-size: 100px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; } /**position 속성값 static(포지션 기본값), relative, absolute, fixed 순으로 상대적으로 레이아웃박스의 위치를 잡을 수있는거같다. **/ .bookcover{ background-color:rgb(112, 172, 166); border-radius: 9px; border: 1px solid gray; width: 960px; height: 660px; margin: 100px auto; pos..
7일차_CssFlex로 기본레이아웃 만들기
TODAY 10 | TOTAL 35425 Name(이름) : 이유진 Country(국적) : KOREA AGE(나이) : 1993 Heihgt(키) : 172cm Weight(체중) : 73-80kg Category(종목) : Man's Physique IFBB PRO 이유진 BINI_NOTE http://url주소/나중에입력 메뉴판
6일차!_Css-Flex 속성을 이용하여 미니홈피 기본레이아웃 만들기
결과물 css 속성 Flex를 사용하여 미니홈피의안의 기본 레이아웃을 잡았다. HTML 에서 div클래스로 flex를 적용시킬 클래스를 상속을시켜 css에서 Flex를 만들어 contaicer의 안에 tem을 가로와 세로로 배열하기위해 Flax 속성인 row와 column 을 이용하였다. body{ background-color:rgb(152, 151, 151); background-image: url(뼈대패턴.png); background-size: 100px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; } /**position 속성값 static(포지션 기본값), relative, absolute, fixed 순으로 상대적으로 레이아웃박스의 위치..
5일차_미니홈피 기본 레이아웃 만들기
body{ background-color:rgb(152, 151, 151); background-image: url(뼈대패턴.png); background-size: 100px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; } /**position 속성값 static(포지션 기본값), relative, absolute, fixed 순으로 상대적으로 레이아웃박스의 위치를 잡을 수있는거같다. **/ .bookcover{ background-color:rgb(112, 172, 166); border-radius: 9px; border: 1px solid gray; width: 960px; height: 660px; margin: 100px auto; pos..
4일차_복습!
h1 { color: rgb(0, 69, 134); text-shadow: 1px 1px 2px rgb(255, 255, 255), 0 0 30px rgb(235, 253, 76), 0 0 5px rgb(218, 253, 60); } h2 { color: rgb(6, 28, 228); } h2{margin-left: 39px; border-top-width: 5px; } .asd{border-bottom: 1px solid gray;} @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@700&display=swap'); body{ font-family: 'Nanum Gothic Coding', monospace;}..
3일차_폰트 적용
h1 { color: rgb(0, 69, 134); text-shadow: 1px 1px 2px rgb(255, 255, 255), 0 0 30px rgb(235, 253, 76), 0 0 5px rgb(218, 253, 60); } h3 { color: rgb(89, 0, 131); } h2{margin-left: 39px;} /* h2 옆에 공간을두고싶어 처음엔 html으로 직접 을 이용해서 뛰어쓰기를 하였지만 css margin을 이용해서 공간을 만드는게 더 나은것같아 구글신께 물어보고 마진으로 공간을 만들었다.*/ .asd{border-bottom: 1px solid gray;} @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic..
모각코 스터디2일차
모각코 2일차!_Bin html 오늘 배운 위키 ✅ ▶ html 이 html5 버전임을 알려주는 코드이다.+ html5가 가장 최근에 진화하고,가장 많이 사용되는 버전이다. ✅ ~~~ ▶ 모든 html 문서는 html 태그로 감싸져 있습니다. ✅ ~~~ html 문서의 메타데이터를 모아놓는 부분입니다. 쉽게 말해, 웹사이트에 표시되진 않지만 웹사이트의 정보/데이터를 담아놓는 부분입니다. 많은 분들이 놓칠 수 있는 아주 중요한 부분이죠! ▶ head 안에 적는 주요한 태그로는 태그, 태그, 태그, 태그 등이 있습니다. ✅ ~~~ ▶ 1편에서 ..
