전체 글80 공부기록, 21-05-05 공부기록 블로그 상단 로고바 만들어보기 폰트어썸을 통해 로고 이미지 넣기 글꼴 변경해보기 2021. 5. 10. 공부기록, 21-05-04 trasition : 효과에 시간을 주는 명령어 1s 2s 같은 방법으로 효과에 시간을 설정할 수 있다. 폰트 아이콘(fontawesome.com) 텍스트 처럼 사용하는 아이콘 이미지 단점을 보완 (깨지지 않음, 색상 변경 등이 용이함) cdnjs.com에서 css 불러오기 해야 함. box-sizing content-box 기본값 border-box 정해진 너비의 값을 넘지 않는다. 폰트 사용하기 무료상업폰트: 눈누 css에 붙여넣기 항상 맨 위에 적어야한다. 2021. 5. 10. 공부기록 2021-04-26 똑같은 엘리먼트속성에서 색상만, 한두개만 다르게 하고싶을 경우 클래스 이름을 하나 더 주자. 클래스가 생기면서 CSS효과를 줄 때 구분하기가 더 쉬워졌다. display -없어지는 계열 -none -나타나는 계열 -가로배열 -inline -inline-block -세로배열 -block 2021. 5. 6. 웹 디자인 2021-05-04 새로배운내용 아이템 갯수 구하기 border: solid red padding : 10px 주고 갯수를 세다보면 갯수를 알기 쉬움 아이콘 폰트어썸 : 아이콘을 폰트로 만든 사이트 cdnjs.com : trasition : 효과에 시간을 주는 명령어 - 1s 2s 같은 방법으로 효과에 시간을 설정할 수 있다. 2021. 5. 4. 웹코딩 2021-05-03, 새로배운내용 3차메뉴 3번째 박스만 오른쪽 정렬로 옮기기 1. 이미 위에 1번 2번 3차메뉴 박스가 왼쪽정렬이 되어있으니 3번째에는 따로 효과를 준다. nth-lastchild(3)으로 구분한다. 2. 이미 left가 100%으로 되어있어서 오른쪽에 100을 줘도 효과가 이상하게 적용된다. 그러니 왼쪽에 auto를 줘야 효과가 적용된다. 2021. 5. 4. 공부기록, 21-05-01 3차메뉴 만들기 HTML nav.menu-box-1>ul>li*3>a[href="#"]{1차 메뉴 아이템 $}+ul>li*3>a[href="#"]{2차 메뉴 아이템 $}+ul>li*3>a[href="#"]{3차 메뉴 아이템 $} CSS /* 노말라이즈 시작 */ body, ul, li { margin:0; padding:0; list-style:none; } a { color:inherit; text-decoration:none; } /* 노말라이즈 끝 */ /* 커스텀 시작 */ .menu-box-1 { text-align:center; } .menu-box-1 ul { background-color:#afafaf; } .menu-box-1 > ul { display:inline-block; paddi.. 2021. 5. 3. 이전 1 ··· 4 5 6 7 8 9 10 ··· 14 다음