원하는 것은 뭐든지

CSS 두번째 포스팅입니다. 첫번째 포스팅과 마찬가지로 대략의 설명 뒤에 예시를 보이는 식으로 진행하겠습니다. 1.TEXT 스타일 텍스트에 적용할 수 있는 스타일은 색상, 정렬, 줄간 간격, 데코레이션, 대소문자 설정 등을 할 수 있습니다. 순서대로 색상, 정렬, 줄간간격, 데코, 대소문자 설정 입니다. 2. 폰트 스타일 폰트에 적용할 수 있는 스타일은 종류, 사이즈, 굵기, 기울임 등이 있습니다. 순서대로 사이즈, 굵기, 폰트 집합입니다. ⁕font-family 우선순위가 지정되어있고 ,를 이용해서 지정합니다. 꼭 제네릭 폰트를 포함하게 되는데 지정한 폰트가 존재않을 시에 적용되어야하기 때문입니다. 여기까지입니다. 고생하셨습니다

HTML 기본태그를 보고 CSS 첫 게시물입니다. 지금 저는 자바스크립트를 익히기 위해 간단한 HTML/CSS를 익히는 중이라 자세하지 않을 수 있습니다. 대략적인 설명 후에 예시를 보이는 식으로 진행하겠습니다. CSS선택자 CSS에서의 선택자란 CSS규칙을 적용할 요소를 정의하는데 사용됩니다. 대표적인 것들을 살펴보겠습니다. 1. 전체 선택자 전체선택자는 전체 요소를 선택해서 스타일을 적용하게 됩니다. * 를 사용합니다. 2. 유형 선택자 유형선택자는 태그를 하나 지정하면 그 태그 전부에 스타일을 적용하게 됩니다. , 등 태그의 이름을 사용합니다. 3. ID 선택자 ID선택자는 지정된 ID를 가지고 있는 요소에 스타일이 적용됩니다. 특징은 문서 내에는 주어진 ID를 가진 요소가 하나만 존재해야 합니다...

input태그에 대해 알아보겠습니다. input태그는 서버와 통신 할 때 사용되는 태그인 form태그 중 정말 중요한 태그인데요. 이름 그대로 정보를 받아들이는 용도로 사용됩니다. input태그에서 또 가장 중요한 속성인 type! type은 이 input태그가 어떻게 사용되어 질지를 결정하게 됩니다. 차례대로 코드와 결과입니다. 전에도 알아봤듯이 줄바꿈을 하지 않았기 때문에 한줄로 쭉 나온 것이구요. 여기서 placeholder는 값이 입력되면 사라지는 값입니다. •text 말그대로 text가 들어갈 수 있는 빈칸입니다. •email 이메일의 형식을 지킬 수 있는 빈칸입니다. •password 비밀번호이기 때문에 자동으로 가려지게 됩니다. •submit 페이지가 넘어가게 됩니다. ⁕태그는 말그대로 버튼..

안녕하세요 HTML 세번째 게시물입니다. 1. 와 와 태그를 비교하며 보겠습니다. 둘은 각각 블록과 인라인 성질을 가집니다. 해서 기본적으로 보게되면 입력 코드와 실행 결과입니다. 보시다시피 블록형인 div는 한 줄을 전체 사용하기 때문에 줄바꿈이 일어난 것 처럼 보이고 span태그는 인라인형 이기 때문에 줄바꿈이 일어나지 않고 컨텐츠 만큼의 자리를 차지합니다. 또 다른 예제를 보겠습니다. 역시 코드와 실행결과 입니다. 글은 지코의 아무노래의 가사구요 각각 id를 주고 style을 주었습니다. border를 넣으면 div같은경우 전체 블록에 border가 들어가게 되는거구요 span같은 경우 본인의 컨텐츠 전부에 border가 들어가게 되네요. 2. id 와 class 쉽게 말하면 태그에 이름을 붙혀주는..