본문 바로가기
CSS/CSS 이론

CSS 기초

by 임혁진 2024. 1. 23.

CSS 문법

 

 

선택자

 

후손 선택자 , 자손 선택자의 가장 큰 차이

후손 선택자- 밑에 있는 모든 선택자를 포함(다른 하위 선택자의 같은 이름의 선택자여도 가능) 

자손 선택자 - 바로 밑에 있는 모든선택자를 포함 

 

:active , :hover , :focus : checked 정도는 기억해두자 

 

 

 

 

 

border 속성

 

bodrer는 주로

border: solid 1px #777 ; 을 주로 쓴다 (실선 , 1px 굵기에 #777색을 입혔다)

 

텍스트 속성

Tip : 글을 정중앙으로 옮기기 위해 line-height와 height를 동일하게 입력해주면 값이 중앙으로 온다.

  

display 

 

inline - block 은 blcok속성으로 inline의 형태로 만드는 것이다 

 

Background

 

패딩 마진

 

 

Box-sizing

border box 키워드는 자주사용한다 - border , margin 제외시킴

 

 

박스 레이아웃 float 

 

Position

 

static - 일반적인 기본값

 

그림자속성

 input 박스와 , button 디자인 팁

'CSS > CSS 이론' 카테고리의 다른 글

HTML의 기초  (0) 2024.01.23