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

• format_list_bulleted Programing/study
• · 2021. 9. 24.
• textsms

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

• format_list_bulleted Programing/study
• · 2021. 9. 19.
• textsms

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주소/나중에입력 메뉴판

• format_list_bulleted Programing/study
• · 2021. 9. 17.
• textsms

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 순으로 상대적으로 레이아웃박스의 위치..

• format_list_bulleted Programing/study
• · 2021. 9. 15.
• textsms

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

• format_list_bulleted Programing/study
• · 2021. 9. 14.
• textsms

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

• format_list_bulleted Programing/study
• · 2021. 9. 14.
• textsms