티스토리 뷰

CS/Web

[omnifood]2. feature section

Sueaty 2018. 2. 16. 21:05

무작정 따라하는 것이 답은 아닌 듯 하다. 전문가가 하자는 대로 하고 있지만 아주 사소한 font-size, color, line-height 등은 내 노트북에 맞게 하는 것이 맞는 것 같다.

1. padding과 margin 구분. padding은 still that element 라고 생각하기. margin은 between elements 라고 생각하기.

2. ::after : 특정 요소 이후에 내용 삽입할 수 있게 함. content = "#"는 필수

'psuedo element' ex) :after, :before etc

3. 기타 가운데 정렬 : default width가 1140px이고 content를 70%로 설정했다면 margin-left: 15%해주면 됨.

4. 아이콘 : http://ionicons.com/에서 download 후 남겨야 할 파일은 fonts 폴더랑 ionicons.min.css 파일

5. 아이콘도 하나의 font로 취급하므로 size, color도 글씨 바꿀 때 처럼 하면 됨

'CS > Web' 카테고리의 다른 글

[omnifood]3. favorite meal  (0) 2018.02.17
[omnifood] 1. header  (0) 2018.02.14
[omnifood] 야학을 지나 유데미(udemy)로~  (0) 2018.02.14
Things that might come in handy one day1  (0) 2018.02.05
유데미를 통해 깨달은 웹개발  (0) 2018.01.31
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함