CSS
-
201123_TILTodayILearned/TILWIL 2020. 11. 24. 00:22
월요일은 좀 지친다.. 어제부터 시작한 구글 메인화면 클론이 드디어 다 끝났다. HTML과 CSS만 이용해서 제작했다 생각보다 네이밍짓는게 어려웠다. 네이밍 규칙 찾아가며해도 footer부분이 두개로 나뉘면 어떡하지? 이런 고민이 자꾸 생겼다. 또, 상속 관련한것도 생각보다 어려웠다. 특히 flex box하면서 더더 어렵게 느껴졌다. 결국 직접 이것저것 건드려보고 고민해보는게 답인것같다.. flex box를 이젠 좀 알 것 같기도하고.. 그래도 여전히 옆에 자료 띄워놓고 보면서 해야된다. 언제쯤 익숙해질까.. 이외에도 오늘 운동장 6바퀴를 뛰었다. 친구랑 같이 뛰어서 그런가, 빨리가려면 혼자, 멀리가려면 여럿이 가라더니... danaisboss/TIL study node.js/javascript/CS. ..
-
201119_TILTodayILearned/TILWIL 2020. 11. 20. 01:23
아래 사이트 중 CSS부분에 대해 읽고 공부하는 중 그동안 복합 셀렉터에 대한 내용이 이해가 안가고 어려웠는데 마침 해당 내용이 있어서 드디어 이해했다.. 내일은 이부분에 대해 직접 코드를 쳐보면서 봐야겠다. 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com CSS는 HTML의 style을 정의한다. 셀렉터는 HTML의 요소를 선택할 수 있는 단위이다. 프로퍼티는 style을 지정한다. 부모셀렉터와 자식셀렉터를 활용하여 CSS문 작성 가상클래스 셀렉터 ( :hover 등..) 은 임의의 상태를 지정하여 작성한다.
-
[CSS] BEMTodayILearned 2020. 8. 18. 00:00
BLOCK ELEMENT MODIFY Block__Element--Modify Block = 전체를 감싸는 블럭 요소 (header/body/footer/container/ etc...) Element = 블럭 내의 작은 요소 (link/image/ etc...) Modify = 추가적인 기능 BEM이란, CSS 클래스네임을 구성하는 방법 중 하나이다. extends layouts/main.pug block content form-container form(action="routes.editProfile", method="post") label(for="avatar") Avatar input(type="file", id="avatar", name="avatar") input(type="text", pla..