Develop Note16 CSS 선택자 종류와 사용법 선택자 종류 종류는 너무너무 많으나 개인적으로 자주 사용하는 것만 포스팅하겠습니다. 1. 전체 선택자*{ margin : 0; }html 페이지 내부의 모든 태그에 영향을 주며 *만 쓰고 style을 나열한다 2. 태그div { background-color : red; }p { background-color : red; }태그명이 div, p인 특정 태그에 영향을 주며 태그 이름만 쓰고 style을 나열한다 3. class.myclass{ font-size : 17pt; }클래스 이름이 myclass인 태그에 영향을 주며 class 이름앞에 마침표를 쓰고 style을 나열한다 4. id #myid{ font-color : ret; }아이디 이름이 myid인 태그에 영향을 주며 id 이름앞에 #을 쓰고 .. 2017. 5. 27. CSS 적용하는 방법 3가지 CSS 적용 3가지 방법 1. 태그에 직접적으로 선언하기 다양하게 CSS 적용하기 다양하게 CSS 적용하기 다양하게 CSS 적용하기 이렇게 태그안에 직접적으로 style을 선언할 수 있다. 2. 다양하게 CSS 적용하기 다양하게 CSS 적용하기 다양하게 CSS 적용하기 태그에 css를 모아서 관리할 수 있다.div:nth-child(1) 선택자로써 "div태그의 첫 번째" (다음 포스팅에 선택자에 대해서 자세히 올리겠습니다~) 3. 외부에 문서로 선언하고 link태그로 불러오기 test.jsp or test.html 파일 cssgroup.css 파일 div:nth-child(1){background-color: red;}div:nth-child(2){background-color: #00ff00;}div.. 2017. 5. 26. INPUT 태그 스타일(속성) INPUT 태그 스타일(속성) 항상 까먹고 검색을 하게 되서 나름 자주 사용한 것만 정리해 봅니다. 1. readonly db통신을 통해 불러온 값을 보여주기만 하고, 수정이 불가능한 상태 2. disabled readonly와 다르게 사용자로 하여금 사용 불가능한 상태를 보여줌 2. border input 박스의 선색을 변경하는 방법 2가지 방법이 있습니다. input 태그 안에서 스타일을 지정하는 방법과 별도로 id와 같은 선택자로 css style을 부여할 수 있습니다. 1. 이와 같이 태그안에 style 속성에 바로 부여하는 방법 2. 처럼 작성 후 태그 사이에 이 사이에 선택자{ border : 1px solid red; } 로 작성하면 적용3. placeholder input박스의 사용 용도를.. 2017. 5. 24. 이전 1 2 3 4 5 6 다음
