티스토리 뷰

10,000시간의 기적

총진행시간 : 1시간

남은시간 : 9995.5시간


CODE ACADEMY


최근엔 개인적인 사정에 의해 스터디에 소홀 했는데

이제 다시 천천히 진행 해보려고 합니다.


4.Placeholders





이메일을 적는 칸을 만들고 그 칸에 무슨 내용을 넣어야 하는지

알려 주는 내용을 이번에는 넣어 봤습니다.


placeholder="Email"



5.Adding Style







이번 과제는 <style>을 넣어 보는 것입니다.

스타일은 CSS(Cascading Style Sheets)를 표기 하기 위한 방법이며,

CSS를 통해 글자의 폰트와 색깔 등 여러가지에 적용 되며

멋진 웹페이지를 만들기 위해서는 중요한 요소라고 하네요.


<style>

</style>


네이버에서 찾아본 CSS의 정의는 아래와 같습니다


CSS

[ cascading style sheets ]

기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS 이다. 간단히 스타일시트라고도 한다.

HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다.

따라서 웹 개발자들은 보다 풍부한 디자인으로 웹을 설계할 수 있고, 글자의 크기, 글자체, 줄간격, 배경 색상, 배열위치 등을 자유롭게 선택하거나 변경할 수 있으며 유지·보수도 간편하게 할 수 있다.

[네이버 지식백과] CSS [cascading style sheets] (두산백과, 두산백과)

출처: 네이버



6.Center your Heading





"Hello World"란 제목을 가운데정렬 할때 사용 하는 명령어 입니다.

먼가 좀 어려워 보이는데..그냥 외웁시다 ㅠㅠ


{text-align: center;}



7.Center your Paragraph






제목을 가운데정렬 했으니 

이제는 그 아래 내용을 가운데 정렬 해봐야죠?

paragraph안에 있는 내용들을 명령어로 정렬을 해봤습니다.


{text-align: center;}



역시나 오늘도 진도는 안나가고 시간은 잘도 가네요 ㅠㅠ

아쉽지만 오늘은 이만 하고 내일 다시 진행 하겠습니다!






댓글