학원에서 배운 것85 KDT 5th 웹개발자 입문 수업 4일차 ✚ 복습 추가 가상 요소 선택자인 ::before/::after 등은 주로 HTML에 가상의 content를 넣어줘서 디자인 요소를 넣어줘서 사용하므로 content="" 속성이 따로 없다면 다른 스타일들을 적용하더라도 적용되지 않는다. 그러므로 가상 요소 선택자는 꼭 content를 넣어주고 사용하자. CSS 속성 1. 박스 모델 웹페이지에 나타낼 수 있는 것은 글자와 상자로 나눌 수 있다. 즉, 요소가 화면에 출력되는 특성은 크게 인라인 요소/블록 요소로 나뉜다. ✔️ 인라인 요소 : 글자를 만들기 위한 요소들 ✔️ 블록 요소 : 상자(레이아웃)을 만들기 위한 요소들 * width/height의 기본값은 요소에 이미 들어있는 속성의 값임 span 요소 div 요소 span 요소 span 요소 div .. 2023. 1. 31. KDT 5th 웹개발자 입문 수업 3일차 CSS의 선택자는 될수록 상세하게 지정해주는 것이 좋다. 난 css의 선택자 지정이 넘 어렵다.. 예전에 영어 공부할 때도 지시 대명사를 참 어려워하곤 했었다... 그래서 자바스크립트의 this도 이렇게 헷갈리는 걸지도. 여하튼 선택자를 지금껏 독학만 하다가 제대로 배워서 정리해본다. 1. CSS 선택자 CSS는 HTML 요소의 style을 정의하는 것이므로 스타일을 적용하고자하는 HTML 요소를 선택할 수 있어야 한다. 이를 선택자로 지정한다. 1-1. 기본 선택자 순수하게 무엇인가 호출할 때 사용 전체 선택자 : * HTML의 모든 요소를 선택 태그 선택자 : 태그명 class 선택자 : class 속성의 값 .(점)이 class라는 기호를 선택자 앞에 사용 .클래스명 { } id 선택자 : id 속.. 2023. 1. 30. GitHub 프로필 꾸미기 2 status 창과 Top language 꾸미기 https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md GitHub - anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes :zap: Dynamically generated stats for your github readmes - GitHub - anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes github.com  꾸미기 1 Mac 터미널을 꾸밀 수 있다고 강사님이 말씀하시길래 시간을 투자하여 꾸며보려 한다. 일단 설치 프로그램을 두 개 다운 받아준다. 1. iterm2 가장 먼저 brew install iterm2 --cask 로 다운 받아준다. 그 후에는 spotlight에서 iterm으로 검색해서 사용한다 cmd+shift+d : 화면 분할 cmd+shift+i : 동시에 커맨드 입력 (여러 개의 서버에 동시에 작업할 때 유용) 2. oh-my-zsh github oh my zsh 을 검색하여 들어간 사이트에서 https://github.com/ohmyzsh/ohmyzsh GitHub - ohmyzsh/ohmyzsh: 🙃 A delightful community-driven (with 2,100+ contributors.. 2023. 1. 29. 이전 1 ··· 16 17 18 19 20 21 22 다음
