IL 3주차 4일 - Flexr개념, 복습
학습 내용
복습
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에 투자하여 복습을 할거 같다.
Author And Source
이 문제에 관하여(IL 3주차 4일 - Flexr개념, 복습), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@bleach7/TIL-3주차-4일-CSS중급-복습저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)