CSS25 *매우중요 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. Web에 유용한 사이트 모음 ## for web 1. 색상 확인 https://htmlcolorcodes.com/ HTML Color Codes Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values. htmlcolorcodes.com 2. general하게 웹 개발의 기본요소인 html, css, javacript, http, api 등에 대한 예시가 문서로 소개되어있는 사이트 https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides informati.. 2022. 11. 14. BOOTSTRAP 적용 기본 API셋팅 (css, javascript) bootstrap은 진짜 뭐 잘한다는 사람은 필요없겠지만 내 시야에서는 불필요한 코딩을 최소화할 수 있는 방편이라고 생각한다. 더욱이 bootstrap 사이트에 나온 모든 탬플릿들은 이 API 셋팅을 하지 않은면 이상한 모양으로 출력된다. 이를 방지하기위해서 bootstrap 기본 API셋팅 방법을 올려본다. # 첫번째 # 1 https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful Ja.. 2022. 9. 28. 이전 1 2 3 4 5 6 7 다음
