Web/Css29 css - Transition Transition 전환효과에 대해서 설정한 만큼 텀을 주고 설정한 효과로 전환이 되게끔 하는 것 Property name(재산,소유물등) | Duration(지속기간) | Timing Function(시기) | Delay(지연) 2022. 11. 18. css - padding padding -padding은 근본적으로 설정된 위치에 대해서 설정한 값만큼 여유분을 가지게 되는 기능이다. #1 Apply to all four sides padding: 10px; #2 vertical(세로) | horizontal(수평|가로) padding: 5px 10px; #3 top | horizontal | bottom padding: 1px 2px 2px; #4 top | right | bottom | left padding: 5px 1px 0 2px ; 4개를 모두다 사용할때는 위에서부터 시계방향으로 돌아가며 적용된다고 생각하면 된다. 2022. 11. 17. *매우중요 css - CASCADE(순차적용), SPECIFICITY(상세적용) css에 매우 중요한 개념을 알게되었다. CASCADE라는 개념이다. 쉽게말해서 css를 html에 적용시키려면 필연적으로 의 형태로 연결시키게 된다. 만약에 main.html에 연결된 css가 3개가 있을때 main.html의 head부분에는 3개의 link가 있을것이다. 이것을 link A link B link C 라고 해보자. 그러면 우선 link A를 쭉 훑는다. 만약에 link A에 해당하는 css안에 h1 태그에 노란색으로 적용하라는 css가 있으면 노란색으로 적용이 된다. link B를 다음으로 훑을때 h1 태그에 빨간색을 적용하라면 빨간색이 적용된다. 다음으로 link C를 훑을때 h1 태그에 초록색을 적용하라고 했다가 마지막에 가서 h1 태그에 분홍색을 먹여달라고 명령이 되어있다면 최종적.. 2022. 11. 16. css - fontfamily 사용방법 짧더라도 유용한 부분이라 남기고 넘어가려고한다. css 먹일때 font-family라고 사용되는 부분이 있다. 해당 font-family에 사용되는 폰트들은 https://www.cssfontstack.com/ CSS Font Stack: Web Safe and Web Font Family with HTML and CSS code. Join to access discussion forums and premium features of the site. www.cssfontstack.com 여기서 보면 된다. 그리고 사용시 font-family: Afont 이렇게만 먹여놓으면 확인하는 컴퓨터에서 Afont가 없을 경우에 가장 기본 폰트로 보여지게 된다. 이를 방지하기 위해서 font-family: Afont.. 2022. 11. 14. 이전 1 2 3 4 5 6 ··· 8 다음