IL 3주차 4일 - Flexr개념, 복습

2509 단어 CODESTATESCODESTATES

학습 내용

복습

1. HTML 과 CSS 연결

/* HTMl */
<link rel="stylesheet" href="index.css"> // <head> 태그에 기입
  • rel 은 연결하고자 하는 파일의 역할을 나타냄.(CSS=Cascading Style Sheet)
  • href 는 파일의 위치

2. 시맨틱 태그

div 태그와 똑같은 역할이지만 역할을 쉽게 파악할수 있도록 이름에 의미를 담은 것.

/* HTMl */
<div> This is the header </div> // 이지만 의도를 알수 있도록 아래와 같이 작성
<header> This is the header </header> 

3. background 와 background 차이

/* CSS */
background-color : red // 색상만 가능
background : red,  // color, image, repeat, position 등 다른 속성 기입 가능
 

background-color;
background-image;
background-repeat;
background-position;
background-attachment;

Flex 개념

https://heropy.blog/2018/11/24/css-flexible-box/

내용 정리하자.

느낀 점 & 미비한 점

CSS 를 단순히 디자인이라고 생각해서 파워포인트로 꾸미는 거와 비슷할거라고 생각했다.
현실을 넘사벽이라는걸 실습을 통해서 느꼈다. 아예 다르게 생각해야 할거 같다.
CSS 가 더 어렵다는 사람들의 말이 이해가 되는 하루였다.
주말의 하루 혹은 이틀은 무조건 CSS에 투자하여 복습을 할거 같다.

좋은 웹페이지 즐겨찾기