본문 바로가기

프로그래밍 공부/진행 상황

2019년 11월 18일 스터디 기록

문자 선택자 : https://miyakita.tistory.com/27

 

CSS3 - 문자 선택자

선택자 형태 설명 ::first-letter(or :first-letter) 첫 번째 글자를 선택 ::first-line(or :first-line) 첫 번째 줄을 선택 ::first-line 선택자는 첫 번째 줄을 선택하는 선택자이고, width나 hight 값을 주지..

miyakita.tistory.com

링크 선택자 : https://miyakita.tistory.com/28

 

CSS3 - 링크 선택자

선택자 형태 설명 :link href 속성을 가지고 있는 a 태그를 선택 :visited 방문했던 링크를 가진 a 태그를 선택 첫 번째 a 태그는 href 속성이 적용되지 않아 링크 선택자 속성이 적용되지 않는다. 선택자 형태..

miyakita.tistory.com

부정 선택자 : https://miyakita.tistory.com/29

 

CSS3 - 부정 선택자

선택자 형태 설명 :not(선택자) A:not(선택자) 선택자를 제외한 A의 모든 것을 선택 선택자에 관련된 공부를 복습 할 수 있는 사이트 : https://flukeout.github.io/

miyakita.tistory.com

CSS3 단위 : https://miyakita.tistory.com/30

 

CSS3 - CSS3 단위

단위 설명 % 백분율 단위 em 배수 단위 px 픽셀 단위 CSS3에서 사용하는 대표적인 단위는 %(백분율), em(배수)그리고 px(픽셀)단위가 있다. 또한 크기 단위는 복합적으로 사용 할 수 있다. 전체 폰트 크기에 절..

miyakita.tistory.com

가시 속성 : https://miyakita.tistory.com/31

 

CSS3 - 가시 속성

가시 속성은 태그가 화면에 보이는 방식을 지정하는 속성이다. 기본 속성은 display이며 아래의 키워드를 입력해 사용한다. 키워드 설명 none 태그를 화면에 보이지 않게 한다. block 태그를 block 형식으로 지정..

miyakita.tistory.com

박스 속성 : https://miyakita.tistory.com/32

 

CSS3 - 박스 속성

속성 설명 width 너비 height 높이 margin 외부여백 padding 내부여백 박스 속성은 웹 페이지의 레이아웃을 구성할 때 사용한다. Content의 너비와 높이는 width와 height를 뜻하는 것이고, margin과 padding은..

miyakita.tistory.com

테두리 속성 : https://miyakita.tistory.com/33

 

CSS3 - 테두리 속성

속성 설명 border-width 테두리의 두께 border-style 테두리의 모양 border-color 테두리의 색상 border-radius 테두리 모서리 처리 테두리 속성은 컨텐츠를 감싸는 border에 관련된 속성이다. border-width는 테..

miyakita.tistory.com

배경 속성 : https://miyakita.tistory.com/34

 

CSS3 - 배경 속성

속성 설명 background-image 배경에 넣을 그림을 지정 background-size 넣은 그림의 크기를 지정 background-repeat 넣은 그림의 반복 패턴을 변경 background-attachment 넣은 그림이 배경에 붙이는 방식을 변경..

miyakita.tistory.com

폰트 속성 : https://miyakita.tistory.com/35

 

CSS3 - 폰트 속성

속성 설명 font-size 글자의 크기를 지정 font-family 글자의 폰트를 설정 font-style 글자의 기울기를 설정 font-weight 글자의 굵기를 지정 line-height 글자의 높이를 지정 text-align 글자를 정렬함 text-dec..

miyakita.tistory.com