Nomad Coders/KakaoClonne

잘 적용이 안되는것도 있는데 체크한 부분은 포스팅으로 올린다. 오늘은 css 부분에 대해서 다뤄봤는데 관련되서 몇가지 정리하려고 한다. . class 이름 { } 이런식으로 쓰는것이 보통이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 .top-header .header__top, .top-header .header__bottom { display:flex; justify-content: space-between; }//header_top 과 header_bottom에 적응했다. .top-header .header__bottom{ margin:0 10px; } .top-header .header__column:nth-child(2){ text-align:center; } Colored by C..

! nav tag a href 링크를 보내준다. tab-bar__tab--selected 1 2 3 4 .tab-bar .tab-bar__tab--selected{ color:#523737; } Colored by Color Scripter cs selector가 두개이기 때문에 tab-bar 밑에 tab-bar__tab--selected에 color가 적용되는것을 알 수 있다. ! main tag ! placeholder(이미 작성된 내용) ! section tag ! header tag Context selection > header > h1~h6 ! div tag 1 2 3 4 Life is short . So live your life. Colored by Color Scripter cs div ..

header bottom을 만들어 본다.span? => inline element라고 소개되어진다. fa fa-cog fa-lg(크게 해주는 장치이다.)fa fa-search 이런식으로 아이콘을 찾을 수 있다. i.fa.fa-user 하고 tab을 누르면 icon 에 해당하는 태그가 뜨면서 자동으로 완성한다. *csscss에서는 .이름 { } 로 시작을 한다. padding : 10px 25px 라고 하면 (위 아래 10px, 좌 우 25px 의미)태그의 위치를 살짝 변경하고자 할때는position : relative를 사용한다. 123456789101112131415161718192021222324252627.search-bar{ padding: 10px 25px; position: relative;}..

www.w3schools.com/tags/tag_i.asp 아이콘 공수, 폰트어썸 : fontawesome.com/ bootstrap cdn font awesome : bootstrapcdn-dev-pr-747.herokuapp.com/fontawesome/ div, i, 이 2가지에 관해서 작성해볼까 한다. HTML 에서는 에 대해서 각각 태그라고 부른다. 는 주로 레이아웃을 나누는데 사용한다. 주로 와 요소가 아이콘를 표현하는데 자주 사용한다. 특히, 아이콘을 가져오는데 그냥 불러다 올순 없고 Free Font Awesome 5 icon을 사용한다면 1 cs 이런식으로 써서 아이콘을 다운로드 받지 않고 쉽게 불러다 쓸 수 가 있다. 그래서 오늘 한것은 아이콘을 추가 해봤는데 비행기, 와이파이, 달, ..

카카오클론 부터 시작하고 차차 업데이트 해나갈 것이다. 2019/2/25 카카오클론 시작