원하는 것은 뭐든지

가상선택자 가상선택자는 웹문서 소스에는 존재하지 않지만 필요에 의해 임의로 가상선택자를 지정해서 사용하는 것을 말합니다. 대표적으로 :link - 방문한 적이 없는 링크 :visited - 방문한 적이 있는 링크 :hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭했을 때 :focus - 포커스 되었을 때 (input 태그 등) 등이 있습니다. 예제로 바로 보겠습니다. 크기 200px 정사각형, 기본배경색 pink :hover 시 배경색 blue :active(클릭시) 배경색 ivory input태그에 커서클릭해서 들어가있을 때 아쿠아마린색 방문하지 않은 링크 색 slategrey 방문 후 yellow 오늘은 여기까지하겠습니다. 감사합니다.

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

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

안녕하세요 HTML 기본태그들의 두번째 게시글입니다. 시작하겠습니다. 1) 리스트 태그 , , 앞으로 우리가 html을 이용한 코딩을 하다보면 리스트를 작성해야 할 일이 많이 생기게 됩니다. 는 자체로 리스트의 의미를 가지고 있고 요소로서 사용됩니다. 은 순서가 없는 태그 은 순서가 존재하는 태그 입니다. 예제를 보고 넘어가시죠 2) 링크 태그 앞으로 정말 많이 사용하게 될 a태그입니다. href 속성안에 주소를 넣고 target은 어떤 방식으로 열지를 결정합니다. target에는 본래 창에서 바로 여는 _self, 새로운 창,탭에서 여는 _blank, 가장 상위에서 여는 _top 또 지정된 프레임 안에서도 열 수 있습니다. 기본적으로 a태그는 style이 적용되는데 파란색이 되고 밑줄이 그어집니다. 클..