망고

포트폴리오 제작을 완료한 후 실제 볼 수 있는 사이트를 만들기 위해 여러 방법들을 알아보았다. 그 중에서 포트폴리오 같은 정적파일을 깃허브에 올리고 자체적으로 사이트를 만들 수 있는 방법이 있어 까먹지 않기 위해 글을 쓴다. 1. 우선 깃허브에 포트폴리오 레포지토리를 올려놓아야한다. (레포지토리 생성 방법은 생략) 2. 해당 repository-settings- github pages - source 나는 이미 설정을 해두었지만 source에 있는 branch를 main으로 설정해준 후 save해준다. 그러면 아래 이미지 처럼 초록색 메세지창? 에 링크가 뜬다. 3. 다시 레포지토리로 돌아와서 우측에 enviroment 클릭 4. view deployment하면 해당 페이지가 나온다. 이렇게만 해도 거의..

👉 선택자 전체선택자 : * 태그요소 선택자 : 태그 이름을 식별자로 사용 ex) ,footer> 아이디선택자 : # 클래스 선택자 : . 👉 텍스트 컬러-color : #000000; 정렬-text-align : center/left/right; 줄간격-line-height : 200%; 장식-text-decoration : line-through; 👉 폰트스타일 폰트종류 – font-family 사이즈 - font-size : 20px; 굵기 – font-weight : bold; *문서에 웹 폰트 적용하는 방법 html에서 링크태그로 가져오기 css에서 import하는 방식 👉 링크/리스트스타일 Color Background-color Text,font 속성 여백 속성 Display속성 👉..

👉Block tag vs inline tag 차이점 Block tag : 전체 너비만큼 자리를 차지함 inline tag : 자기 자신의 크기만 자리를 차지 *태그 중첩 규칙 블록태그 내부에는 블록태그와 인라인 태그 모두 중첩 될 수 있다. 인라인 태그 내부에는 인라인 태그만 중첩 될 수 있다. 블록태그 중 문단태그는(p) 블록태그지만 내부에 인라인 태그만 중첩될 수 있다. ( ex) p태그안에 블록태그 넣으면 분리됨) 👉텍스트 서식 : 두꺼운 : 두꺼운/중요한 : 기울임 : 기울임/중요한 : 밑줄 : 텍스트 중앙 취소선 : 짧은 인용문을 표현할 때 적합한 인라인 태그 : 긴 인용문을 표현할 때 더 적합한 블록태그 👉리스트 태그 /링크태그 리스트태그 : 목록을 생성하는 블록태그로 목록의 성격에 따라 로 ..