✿∘˚˳°∘°

20230117 1. 메뉴.1 JAVA ORACLE HTML CSS javacript jQuery spring mybatis .menu{ margin: 100px; width: 800px; } .menu>ul{ list-style-type: none; overflow: hidden; } .menu>ul>li{ float: left; width: calc(100%/8); background-color: navy; } .menu>ul>li>a{ text-decoration: none; color: white; } 2. 메뉴2 프로그램 언어 JAVA C C++ Python 데이터베이스 FrontEnd HTML CSS javascript jQuery Framework .menu{ margin: 100px aut..

20230116 1. 헤더 Lee's world 로그인 회원가입 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 .header{ width: 1200px; /*헤더 가운데정렬을위함*/ margin: 0 auto; } .header-top{ /*height: 40px;*/ /*높이를 고정해주면 membership-link를 만들었을때 보이지 않음*/ overflow: hidden; } .nav{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .header-top>div{ width: 200px; height: 40px; } /*header-top에 있는 후손a태그*/ .header-top a{ text-decoration: none; color: #..

20230113 1. 배경스타일 배경과 배경 이미지 background-color : 요소의 배경생을 지정하는 속성 선택자{background-color : 색상명 | #16진수 | rgb | rgba} 배경색테스트1 배경색테스트2 background-clip : 배경 범위 조정 선택자{ background-clip : border-box | padding-box | content-box } background-image : 요소의 배경을 이미지로 지정 선택자{ background-image:url(이미지경로) } background-repeat : 배경이미지 반복을 조정 선택자{ background-repeat : repeat | repeat-x | repeat-y | no-repeat } backgr..

20230112 1. 텍스트 글꼴관련 스타일 font-family : 텍스트의 글꼴 지정 선택자 { font-family : "글꼴이름" } 글꼴 변경 테스트 글꼴 변경 테스트 글꼴 변경 테스트 웹폰트 제공 사이트 : 구글웹폰트 웹 폰트 적용1 웹 폰트 적용2 웹 폰트 적용3 font-size : 텍스트 크기 지정 선택자 { font-size : 크기 } 절대크기 상대크기 font-weight : 두꺼운 글씨 표현 선택자 { font-weight : normal | bold | bolder | lighter | 100~900 } 기본 글꼴 얇은 글꼴 두꺼운 글꼴 더 두꺼운 글꼴 font-variant : 작은 대문자로 변경 선택자 { font-variant : small-caps } font-style ..