[html css] 싸이월드 만들기 (1)

html, css를 이용하여 싸이월드 양식 만들기

1. html 작성하기 전에 어떻게 구조화 되어 있는지 파악하기. 하이픈을 이용하여 부모 박스와 연관되어 있는 경우를 표기하기. 2. 바깥에서 안으로, 위에서 아래로 천천히 css 적용하기. padding 먼저 적용해보고, 잘 안되는 경우에 margin 이용해보기. padding을 이용하는 경우에는 부모 박스를 이용하자. 3. html 위치 조정할 때 시각적으로 잘 보이지 않기 때문에 background-color를 설정하여 css 적용이 잘 보이도록 만든다. 4. 절대적인 길이와 상대적인 길이가 있는데 상대적인 길이는 부모 박스에서 영향을 받는다. (예시 : % 기호는 상대적인 길이이다. 부모 박스의 길이에 따라 자식 박스의 길이가 달라진다.)

완성된 싸이월드 양식

- font awesome : 필요한 이모티콘을 찾아서 넣을 수 있다.

- 윈도우 이모지 단축키 : window + . 누르면 이모지 나온다.