세상은 내가 정하는 대로 세상은 내가 정하는 대로

진도: ~수업을 마치며까지 4. 그리드-위에서 만든 웹페이지에 글을 나란히 배치하도록 끌어올리고 싶다면? -> 그리드 -여기서 새로운 html 태그 등장! 아무 의미 없는 정보를 담는 태그는 division의 약자인 div 태그 사용! (block level element) 아무 의미 없는 정보를 담는 태그는 span 태그 사용! (inline element) -display:grid; 다음에 grid-template-columns 를 써주면 하나의 컬럼에 써줄 수 있음 -> 150px라고 하면 고정적으로 저 부피를 갖게 되고, 1fr이라고 하면 현재 화면 전체를 쓰게 자동으로 조정하는 단위 (2fr 1fr이라고 하면 2:1 비율로 현재 화면의 크기에 맞춰 자동으로 조절됨 ->grid의 장점은 박스 안에..

진도: ~박스 모델까지 1. css 속성 스스로 알아내기 -text size 키우고 싶으면 'css text size property' 등으로 검색해서 찾아볼 수 있다! -text center로 옮기고 싶으면 'css text center property' 등으로 검색해서 찾아볼 수 있다. 강의 중 배운 css 속성 정리 text-align:글자 배열 조정 (중간으로 옮기는 등...) font-size:글자 크기 조정 padding:컨텐츠와 테두리 사이에 여백을 주고 싶다면 margin:테두리와 테두리 사이에 여백을 주고 싶다면 border-bottom:박스(4면 테두리)가 아니라 아래(1면 테두리)에만 선 그어주고 싶다면 display:어떤 태그가 가리키는 범위를 완전히 바꾸는 중요한 속성! displ..

진도: ~혁명적 변화까지 html만 쓰는 데에는 한계가 존재한다! -> "CSS"라는 새로운 언어의 등장 계기 -html과 달리, 웹에 대한 정보(a, p, h1 태그와 같은...) X-> 디자인에 관한 내용 O html과 css는 완전히 다른 언어기 때문에 html 파일이 css가 쓰인다는 것을 알 수 있도록 선언해줘야 함 ->웹페이지에 css 삽입하는 2가지 방법 존재한다! style 태그를 사용한다 -> "선택자"=이 웹페이지에 주고 싶은 효과를 누구에게 줄 것이냐 선택! style 속성을 사용한다 = 원하는 특정 태그 내에 직접 넣어준다 1번 style태그를 사용하는 경우엔 head 태그 내에 style이라는 css 태그를 넣어준다 그리고 그 사이에 a{ color:red }를 적어주면, '이 h..