웹 백엔드 개발자의 블로그

Html&css/개념정리

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

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

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

  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
• 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
• flex && grid 블로그

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

  https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com https://studiomeal.com/archives/533 이번에야말로 CSS Grid를 익혀보자 이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “ studiomeal.com

  Read More
• 미디어쿼리

  Html&css/개념정리 2022. 8. 16. 21:50

  https://log.designichthus.com/11 [CSS] 미디어쿼리(Media Query)의 기본사용법 1. 기본적인 사용방법 @media (조건문) { 실행코드 } ※ 를 사용하는 방법은 권장하지 않는다. (브라우져는 일단 모든 css를 내려받기때문에 size가 커진다) ※ 구문에는 논리연산자 및 각각의 특성들 log.designichthus.com

  Read More
• 가운데 정렬 (인라인요소)text-align:center; vs (블락요소) margin: 0 auto; 차이에 대해 알아보자.

  Html&css/개념정리 2022. 8. 11. 14:05

  https://www.codeit.kr/community/threads/10663 코딩이 처음이라면, 코드잇 월 2만원대로 Python, JavaScript, HTML/CSS 등 2,600개 이상 프로그래밍 강의를 무제한 수강하세요 www.codeit.kr 예전에 다른 분 질문에 답글 단걸 조금 추가해서 쓰겠습니당 두 방식이 어떤 display 값일 때 쓸 수 있는지를 확인해보시면 좋을 것 같아용 1. inline 요소가 정렬이 되는 방식: text-align: center 이 정렬방법은 inline 요소가 정렬이 되는 방식입니당. 정렬을 하실 경우엔 부모 block 요소를 가진 부분에 적용을 해주시면 됩니당. 왜 inline 요소에 직접 text-align: center를 했을 때 적용되지 않을까 그 ..

  Read More