49일차 Study

스터디 주제

- Git bash를 이용하여 팀프로젝트 사용 환경 테스트 

- CSS 

스터디 내용 

 

< CSS >

가상 선택자

• hover
• nth-child

Font

• font-family 맑은 고딕은 Windows에는 있지만 MacOS에는 없음!
• @font-face : 글꼴파일을 클라이언트에게 제공하기 위한 시스템 속성 => font-family 속성 : 글꼴파일의 식별자(글꼴) => src 속성 : url 함수를 이용하여 글꼴파일의 URL 주소를 속성값으로 설정

<style type="text/css">
@font-face {
	font-family: "NanumGothic";
	src: url("/web/css/fonts/NanumGothic.woff");
}

body {
	/* font-family: "NanumGothic"; */
	font-family: "NanumBarunGothic";
}
</style>

• em : M 문자의 폭을 기준으로 설정된 문자 크기 단위 - 반응형 웹디자인에 적용
• font-size
• font-weight

리스트

: 목록에 대한 블릿 또는 순서값 관련 스타일 속성

Color

: 글자색 관련 스타일 속성

Background

: 배경 관련 스타일 속성

• color
• image
• position
• attachment
• size
• clip
• gradient

Box Model

: 텍스트 또는 이미지를 출력하기 위한 사각형 모양의 영역

 

<Git Bash>

Git Bash를 이용하여 Git Upload

<E git>

E git를 이용한 협업(Pull, Commit) 모의 테스트