목록무작정 따라하기/패스트캠프(프론트) (20)

뇌 채우기 공간

[깃허브 예제] BEM 작명 규칙/ body 태그처럼 사용할 코드

body부분에 css를 기본적으로 적용을 하고 싶은데 body부분에 스타일이 많이 들어가있으면 좋지 않다. 그렇기에 body태그처럼 사용할 body__container 태그를 써준다 body__container{ font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 400px; color: #333; } BEM 작명 규칙 -: 그냥 이름 __ : ~의 일부분이다 --: ~의 상태를 의미하는 것 ex) body__container: body의 일부분이다. btn--success btn--danger btn--warning btn의 상태를 의미 그냥 이름 toggle-btn 전체코드↓ 더보기 body__container{ font-size: 16..
무작정 따라하기/패스트캠프(프론트) 2021. 4. 21. 08:16
[깃허브 예제] reset.css / css 초기화 하기t.css / css 초기화 하기

meyer-reset - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers meyer-reset - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers Eric Meyer CSS reset - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 11% of all websites, powered by Cloudflare. W..
무작정 따라하기/패스트캠프(프론트) 2021. 4. 21. 08:08
[깃허브 예제] 폰트 설정하기 / 구글 폰트

Browse Fonts - Google Fonts Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 사용하고 싶은 폰트들을 select하면 이렇게 카드가 뜬다 2021.04.21 - [무작정 따라하기/패스트캠프(프론트)] - [깃허브 예제] 파비콘 설정하기 / 스마트폰에 사용되는 파비콘 [깃허브 예제] 파비콘 설정하기 / 스마트폰에 사용되는 파비콘 전체코드보기↓ 더보기 GitHub sso-feeling.tistory.com
무작정 따라하기/패스트캠프(프론트) 2021. 4. 21. 08:03
[깃허브 예제] 파비콘 설정하기 / 스마트폰에 사용되는 파비콘

전체코드보기↓ 더보기
무작정 따라하기/패스트캠프(프론트) 2021. 4. 21. 07:57
[깃허브 예제] head 부분/ og, twitter:card/ 외부에 정보를 전달하기

오픈그래프와 트위터카드는 다른 사이트에서 공유가 될때 어떤 사이트인지 알려주는 역할을 한다. http://ogp.me/ Open Graph protocol The Open Graph protocol enables any web page to become a rich object in a social graph. ogp.me https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started.html Getting started with Cards By using Twitter’s services you agree to our Cookies Use. We use cookies for purposes including ..
무작정 따라하기/패스트캠프(프론트) 2021. 4. 21. 07:53
이전 Prev 1 2 3 4 Next 다음