Enjoy Programming

집중해서 듣느라 정리를 틈틈이 못했다.. ㅋ;; 정리해보자 login form은 id값을 줘서 역시 flex 해주고 column으로 axis 바꾼다. input요소가 네 개~~ 모두 보더라인 없애주고 아래 보더라인만 주고 투명도 조절해줌, 상하에 간격을 준다 폰트 사이즈 조정해주고 아래만 마진 설정해줘서 간격 조절~ 그리고 placeholder 컬러를 투명도를 준다.(pseudo selectors) and~~~ 인풋 창에 foucs효과를 줌 ( 여기서 variable.css에 노란색 전역 변수를 설정해 놓음 - 자주 쓸 거기 때문에 그리고 import를 꼭 해주자) 그리고 transition효과를 배운 데로 state가 아닌 element에 직접 준다. 요렇게 진행되었다~~ 뭔가 찜찜하다 인풋 태그 모두..

시작하기에 앞서 기본적으로 브라우저가 알아서 html에 css를 적용시키게 되는 게 몇 개 있다. 이를 해결하기 위해 reset.css를 사용 간단하다 meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter ..

드디어 코코아톡 클론 코딩을 시작한다. 먼저 백엔드는 구현이 안되기 때문에 레이아웃을 구현하는데 초점을 둔다. 총 8페이지의 코코아톡 페이지를 만들 예정 강의 틈틈히 기록용이라 양식이나 순서가 없다는 점 이해해주시길... 각 페이지당 html과 css를 구현해보자 먼저 첫 번째 페이지는 index.html로 명명한다 이유는 웹서버가 default로 index.html을 찾아보도록 설정되어 있다고 한다. 먼저 첫 번째 페이지의 상단 status - bar를 만든다 - id는 유니크한 이름, class는 일반적이지 않은 식별 가능한 이름 *BEM ( block Element and modifier ) 블록 요소 규칙 Class Name . btn {} - block . btn__price {} - btn안에..