본문 바로가기
반응형

Study with Yedol/CSS18

CSS 적용 방법 드디어 CSS를 시작해 보았다 얼롱얼롱 끝내고 자바스크립트하고 리액트 하고,, 프로젝트하고,, 프론트엔드 끝내고 백엔드도 공부해볼테넫.......후 CSS를 공부하기 전 가장 먼저 알아야 할 것은 CSS display 속성이다. 앞선 포스팅에서 CSS의 display에 대해 배웠다면 CSS를 적용하는 3가지 방법에 대해 알아보겠다. 3가지 방법 다 적용되는 결과는 같지만 코드 길이, 편의성 등을 따져보았을 때 편한 방법을 쓰면 되기 때문에 3가지 방법을 다 알고 있는 것이 좋다. 1. 인라인 스타일(inline style) : HTML 태그마다 style 속성으로 CSS 코드를 넣어주는 방식이다. 여러 요소들에 공통 속성을 재사용하여 부여할 수 없고 HTML 코드와 CSS 코드가 분리되지 않기 때문에 특.. 2023. 12. 20.
CSS의 display 속성값 CSS를 들어가기 전 사전에 CSS의 display 속성값에 대해 이해를 해야만 CSS의 문법, 속성자 등을 잘 이해할 수 있다!! 즉, HTML이 어떻게 나뉘어지는지를 이해야만 한다는 것! 오늘은 이러한 display의 속성값에 대해 알아보겠다. !참고! display란? HTML의 요소가 웹에서 어떻게 보이는가?를 결정하는 속성 1. block 블록 타입 요소 : 새로운 라인에서 시작하며, 해당 라인의 모든 너비를 차지한다. 즉, 한 줄에 한 블록 태그만 올 수가 있다. 사실 조금 어렵다... 후ㅇㅅㅇ 예를 들어 설명하면 앞서배운 , , , , , 태그가 display의 block 속성 타입을 갖는다. 여기서 배우지 않은 태그가 있다. !참고! (1) : 가상의 레이아웃을 설계하는데 쓰이며, 주로 C.. 2023. 12. 19.
반응형