웹 백엔드 개발자의 블로그

Html&css

• 모달 만들기 (부트스트랩)

  Html&css/개념정리 2022. 11. 15. 14:35

  https://getbootstrap.com/docs/5.2/components/modal/

  Read More
• 미디어쿼리 세팅용

  Html&css/사소한 팁 2022. 11. 5. 17:23

  미디어쿼리 세팅용 세팅용 /*-------------------------------------------------------------가로 : 640px 이하 시작------------------------------------------------------------------*/ @media (max-width: 640px) { } /*-------------------------------------------------------------가로 : 640px 이하 시작------------------------------------------------------------------*/ /*--------------------------------------------------------..

  Read More
• 링크 밑줄제거법

  Html&css/개념정리 2022. 8. 26. 20:54

  .gitLink:hover{ text-decoration: none; } .gitLink:link{ text-decoration: none; } .gitLink:active{ text-decoration: none; } .gitLink:visited{ text-decoration: none; }

  Read More
• hr태그 용도: 수평선그리기

  Html&css/개념정리 2022. 8. 23. 16:14

  https://bit.ly/3cg0x00 [html] 수평선 그리기, hr 태그 [html] 수평선 그리기, hr 태그 html 문서에서 문단을 의미적으로 분리하고자 할 때 hr 태그를 사용할 수 있습니다. html 4.01에서 hr 태그는 수평선을 표현했다면, html5에서는 hr태그를 표현적이기보다 aboooks.tistory.com 로그인 회원가입 사이에 선 그리기

  Read More
• 아이콘 태그 가져오는곳

  Html&css/사소한 팁 2022. 8. 19. 15:03

  https://bit.ly/3QHh6kA Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com https://bit.ly/3ce8keJ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com

  Read More
• 스크롤 위치 이동시키기

  Html&css/사소한 팁 2022. 8. 18. 13:50

  https://www.w3schools.com/jsref/met_element_scrollintoview.asp HTML DOM Element scrollIntoView() Method W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com

  Read More
• display : disabled; 내용넣기 막기

  Html&css/개념정리 2022. 8. 18. 12:03

  https://developer.mozilla.org/ko/docs/Web/CSS/:disabled :disabled - CSS: Cascading Style Sheets | MDN CSS :disabled 의사 클래스는 모든 비활성 요소를 나타냅니다. 비활성 요소란 활성(선택, 클릭, 입력 등등)하거나 포커스를 받을 수 없는 요소를 말합니다. 반대 상태인 활성 요소도 존재합니다. developer.mozilla.org

  Read More
• line-height 줄간격 , border: none; or border: 0;

  Html&css/개념정리 2022. 8. 18. 11:49

  https://www.codingfactory.net/10639 CSS / line-height / 줄 높이 정하는 속성 개요 line-height는 줄 높이를 정하는 속성입니다. 기본값 : normal 상속 : Yes 애니메이션 : Yes 버전 : CSS Level 1 문법 line-height: normal | length | number | percentage | initial | inherit normal : 웹브라우저에서 정한 www.codingfactory.net https://nykim.work/103 border: 0 vs. border: none 결론 border: 0 쓰자! 👻 보더 없앨 때 none 보다 0을 썼었는데 이유는 그게 더 치기 편하니까 🙄 (손꾸락은 소중하자나여) 그러다 ..

  Read More