목록개발/HTML,CSS,JS (8)
원하는 것은 뭐든지
간단하게 정리부터 하자면 alert 는 상호 소통없이 알리는 메서드입니다. prompt는 값을 사용자로부터 받을 때 사용합니다. confirm은 확인 받을 때 사용합니다. 사용시를 보겠습니다. alert() 변수에 담아서 사용가능하고 직접입력 또한 가능합니다. prompt() 기본값을 정해 줄 수도 있습니다. confirm() 확인을 누르면 true를 아니면 false를 반환합니다. 감사합니다.
가상선택자 가상선택자는 웹문서 소스에는 존재하지 않지만 필요에 의해 임의로 가상선택자를 지정해서 사용하는 것을 말합니다. 대표적으로 :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를 가진 요소가 하나만 존재해야 합니다...