생활코딩 - Web2_CSS 2

CSS 공부 내용 바탕으로 티스토리 본문 폭 넓히기

요즘 혼자 공부하는 머신러닝 + 딥러닝, 일명 혼공머신 책을 바탕으로 인공지능에 대해 독학중이다. 공부했던 내용을 정리하는 김에 티스토리에도 올려보고자 jupyter notebook에 사용했던 코드를 가져왔다. 다른 티스토리 블로그의 방법을 참조하여 페이지 소스를 갖다 붙여서 내용이 잘 생성된 것 까지는 좋았는데, 왼쪽의 빈 부분이 상당히 거슬린다. 저 부분 때문에 본문이 얇아보이는 느낌? 마침 CSS도 배웠겠다, 어떤 요소가 문제인지 수정해보면서 찾아보기로 했다. 티스토리 관리페이지 > 스킨 편집 > html 편집 > CSS 탭 에 들어간다. 여기서 바로 편집하기에는 가독성이 떨어진다. Atom으로 옮겨서 살펴보자. 4566줄이나 되는 코드가 Atom으로 옮겨졌다. 일단 본문의 폭에 관련된 부분이니, ..

[생활코딩] CSS로 웹페이지를 꾸며보자

CSS(Cascading Style Sheet) 내용 정리 코드에 있는 모든 에 대해 색깔을 바꾸고 싶다면? 부분의 태그 사이에 “a {color:red;}”라는 코드를 추가하면 된다. 이 때 a {}를 selector(선택자)라고 하며, 안쪽의 color:red; 라는 코드를 declaration(선언)이라고 한다. 그리고 color는 property, red는 value라고 한다. 내에서 색 변경을 하려면 태크 내에 직접적으로 와 같은 코드를 추가하면 된다. 이 때 style=””까지는 HTML로 해석되고 “”안은 CSS의 문법을 따른다. 이런 문법을 사용하면 모든 a에 대해서가 아닌 특정 항목만 집어서 색깔을 바꿀 수 있게 된다. 밑줄을 없애려면 {} 사이에 text-decoration: none;..