CSS 속성

CSS 속성(Properties)

- CSS 속성을 통해서 html를 꾸며줄 수 있다.

• 박스 모델 : html 요소의 기본적인 모양을 만들어 내는  속성들을 말한다 

        -  요소의 가로/세로 너비, 내부/외부 여백 기타 html 요소라는 하나 박스를 제어하는 속성들을 말한다

        -  html 요소는 가로/세로 너비를 갖고 있는 사각형이다 

• 글꼴, 문자

      - 글꼴: 폰트, 서체

      - 글꼴의 크기, 굵기 

• 배경 : 배경에는 색상/ 이미지를 넣어 제어 할수 있다 
• 배치 : 특정 요소를 원하는 위치에 가져다 놓을 수 있다 
• 플렉스(정렬) : (html 요소은 기본적으로 위에서 부터 아래로 수직으로 쌓인다)수평 정렬할때 사용한다 

• 전환 : 요소의 전상태와 후상태만 있으면 애니메이션을 처리하는 것
• 변환 : 회전, 이동, 크기 조절 요소의 변화를 주는 것, 2D와 3D 변환이 있다 
• 띄움 : 요소를 공중으로 띄운다 예시) 신문기사 사진 주변으로 기사처럼 된거 
• 애니메이션:  복잡한 애니메이션 효과를 부여할때 
• 그리드 : 행과 열을 구조를 가지고 있는 2차원의 레이아웃을 만들 수 있다 
• 다단 : 문서 작업 할때 하나의 페이지에 단을 나눌때
• 필터 :  블러, 그레이스케일, 반전 효과 

---

 

key point 

- HTML은 가로 / 세로 너비를 갖고 있는 사각형

- HTML은 기본적으로 위에서 아래로 쌓인다.(수직)

 

느낀점

- 오늘은 기본적인 정리임으로 속성에 대해서 조금 심화 공부가 필요
오늘의 학습 만족도 
- ⭐⭐⭐⭐⭐