css4 [웹개발 종합반 1주차] CSS 응용 🔖09. CSS 꿀팁 한번 더 배우기 🔎CSS 내 생애 최고의 영화들 영화 기록하기 🔎div 시 꿀팁 div태그에 background-color를 해주고 넓이, 위치 조정하는게 좋음! 🔎이미지 어둡게 하기 linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) 🔎div 안에 요소들 가운데 정렬 row : ㅁㅁ colum : ㅁ ㅁ display: flex; flex-direction: column; /*flex-direction: row;*/ justify-content: center; align-items: center; 🔎Button에 마우스 커서 버튼 두께가 1px에서 2px로 변경 .mytitle > button:hover{ border : .. 2022. 10. 19. [ 웹개발 종합반 1주차] 폰트, 주석, 파일 분리, 부트스트랩 🔖07. 폰트, 주석, 파일 분리 🔎구글 웹 폰트 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 원하는 폰트 [Styles] link태그 복사해 title태그 밑에다 복붙 css복사해 style태그 안에 *{ }에다 복붙 폰트 적용된걸 확인할 수 있다. 🔎주석 Ctrl + /(슬래시) 🔎파일 분리 🔖08. 부트스트랩, 예쁜 CSS 모음집 🔎Bootstrap 예쁜 CSS를 미리 모아둔 것 남이 작성한 CSS를 내 HTML 파일에 적용하는 원리 https://getbootstrap.com/docs/5.0/.. 2022. 10. 19. [웹개발 종합반 1주차] HTML, CSS 🔖03. HTML, CSS 기본 내용 🔎HTML은 뼈대, CSS는 꾸미기 HTML은 구역과 텍스트를 나타내는 코드 CSS는 잡은 구역을 꾸며주는 역할 🔎HTML 크게 head와 body로 구성됨 🔎head head : 페이지의 속성 정보, 대표적인 요소들로는 meta, script, link, title 등 구글 상위 링크에 뜨게끔 설정해주는것도 이 head에서 한다. 안에 '스파르타코딩클럽 | HTML 기초' 을 입력하면 위와 같이 뜨게 된다. 🔎body 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있.. 2022. 10. 19. 👨💻 [풀스택] HTML, CSS, JS ✏️사용 프로그램 🔎 Pycharm Professional https://www.jetbrains.com/pycharm/download/ Download PyCharm: Python IDE for Professional Developers by JetBrains Download the latest version of PyCharm for Windows, macOS or Linux. www.jetbrains.com 🔎 JetBrains JetBrains Account JetBrains Account account.jetbrains.com 🔎 AWS Amazon Web Services Sign-In Amazon Web Services Sign-In 대체 인증 방법을 사용하여 로그인 멀티 팩터 인증(MFA) .. 2022. 7. 14. 이전 1 다음