스프링 관련63 css 선택자 정리 CSS선택자 종류 1. 태그명{ } 2. #id{ } 3. .class{ } 4. ul li{ } 이것은 ul태그 밑의 li태그에만 적용하겠다는 의미이다. 5. #lecture>li{ } id가 lecture인 부분의 바로 밑 li태그에만 적용한다. 6. ul ,il{ } 여러 태그에 동시에 효과를 적용할 수 있다. 링크와 관련된 가상 클래스 선택자 : 엘리먼트들의 상태에 따라서 마치 클래스선택자처럼 여러 엘리먼트를 선택할 수 있다는 점에서 붙은 이름가상클래스 선택자는 a태그뿐만 아니라 다른태그에도 사용이 가능하다. a:link - 방문한적이 없는 링크a:visited - 방문한적이 있는 링크 a:activie{ //url을 누르고 있으면 url색을 초록색으로 바꾼다.color:green; }a:hove.. 2017. 2. 21. 자바스크립트 내용 정리 document.write("key : "+ name+" value : " + 변수 + "); 자바스크립트 문자열 부분에서 HTML태그가 적용된다 변수의 선언 JavaScript에서 변수는 var로 시작한다. 변수 var에 숫자와 문자열 배열 객체, '함수'도 모두 들어갈 수 있다. (example) var a = 2; var first = "coding"; === 일치 연산자로 === 좌항과 우항이 '정확'하게 같을 때 true 다르면 false가 된다. 여기서 정확하다는 말의 의미에 집중하자. 아래 예를보자. 1 2 alert(1=='1'); //true alert(1==='1'); //false 함수의 정의와 호출 함수의 형식 첫번째. function 함수명( [인자...[,인자]] ){ 코드 re.. 2017. 2. 19. 폰트 어썸(font-awesome) CDN파일 링크 연결 주소 아래 링크를 사이에 붙여넣으면 바로 사용이 가능하다. (font-awesome.min.css파일을 일일이 다운받아서 폴더에 넣을 필요 x) 2017. 2. 18. jQuery 기본적인 내용 정리(생활코딩 참조) 생활코딩을 보며 공부한 내용 레퍼(wrapper)란? jQuery(엘리먼트 오브젝트 | 'CSS스타일 선택자') 붉은색으로 표시한 부분이 래퍼, 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환 $와 jQuery는 같은 의미이지만 $를 사용하는 다른 라이브러리들과의 충돌 때문에 다음과 같은 방법을 사용한다. jQuery('body').html('hello world'); (function($){ //jQuer y코드가 위치함 $('body').html('hello world'); })(jQuery) 함수를 선언과 동시에 실행하는 부분. 인자로 jQuery를 전달한다. 이렇게 하는 이유는 다른 라이브러리와의 충돌을 피하기 위하여($코드) 제어 대상을 지정하는 방법 jQuery( selector,.. 2017. 2. 14. 이전 1 ··· 12 13 14 15 16 다음