분류 전체보기 (313) 썸네일형 리스트형 [CSS] CSS 적용 방법_2_(선택자 활용) class : 그룹을 짓기 위한 속성 id: 하나의 문서 내에서 유니크하다. 딱 하나의 태그를 구분하기 위한 속성 즉, 우선 순위는 id가 더 높다. + 계단식으로 우선순위를 먹는다. 같은 레벨일 경우 마지막에 쓴 속성값으로 먹힌다. 안녕하세요 안녕하세요 안녕하세요 안녕하세요2 안녕하세요2 안녕하세요2 안녕하세요3 안녕하세요3 안녕하세요3 [CSS] CSS 적용 방법(인라인 방식, embeded 방식, import 방식, link 방식) 각 태그 안에 style 속성에 CSS 문법을 적는 것을 인라인 방식이라고 한다. 그러나, 인라인 방식(한 줄 한 줄 적용)은 권장하지 않음. 내용이 많아질수록 코드량이 많아진다. 아래는 인라인 방식의 예다. hello hello hello Embeded 방식으로 CSS를 적용해보자. 이러한 방식은 선택자를 활용한다. hello hello hello 적용 우선순위 선택자로 설정한 CSS가 가장 먼저 먹히고, 가장 마지막에 인라인 방식이 먹힌다. 즉, 전체 설정을 정하고 개별적 설정을 할 수 있다는 뜻. + (태그명 선택자 > class 선택자 > id 선택자) hello hello hello wildcard 써서 전체 색상을 설정할 수 있다. 주의점 : *(와일드카드) 보다 개별 태그가 우선순위가 높기 .. [Bootstrap] 사용법 정리(~ing) (The most popular HTML, CSS, JS libray) https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 부트스트랩 사용법 정리하기! [HTML] form 태그 실습 색상 : 시간 : 날짜 : 범위 : 수량 : 검색어 : 전화번호 : 이메일 : SNS주소 : 버튼 초기화 전송 안녕하세요 쓴지 얼마 안 된 글은 내용이 부족 할 수도 있습니다. 감사합니다. [HTML] 클라이언트의 정보를 서버로 보내기 (form 태그, input 태그) 클라이언트의 정보를 서버로 보내기 위해서 form 태그를 사용한다. form 태그 내에서는 input 태그, button 태그 등을 사용할 수 있다. typetext(한줄입력) password(암호처리) --- 가입할 때 비밀번호 * 처리되는 것 checkbox(다중선택) --- 가입할 때 여러개 선택하는 것 radio(단일선택) --- 남자냐 여자냐 button(사용자정의이벤트) file(첨부파일) --- 가입할 때 첨부파일 찾아보기 reset(초기화) hidden(입력받지 않은 데이터 전송) submit(입력받은 모든 데이터를 전송) --- form태그 전체의 내용을 전송한다. 여러 줄 입력 기타 타입 참조 submit 버튼을 누르면 form 태그 내의 정보를 모두 서버에 전달한다. submit 기능.. [HTML] 링크 기능이 있는 게시판 만들어보기(table, a 태그) 게시판 목록 게시판 목록 선 그리는 태그 번호 제목 글쓴이 등록일 46 동적인 글 테스터 2012-11-07 45 자바제목 JDBC 2012-11-07 44 자바제목 JDBC 2012-11-07 43 자바제목 JDBC 2012-11-07 게시글 상세 게시물 상세 번호 46 제목 동적인 글 글쓴이 테스터 내용 잘되겠지 등록일시 2012-11-07 목록 [HTML] 계산기 모양 구현하기 <input type = "button"/> https://tyrionlife.tistory.com/191 [JS] 버튼을 누를 때마다 동적으로 변하는 페이지 만들기(계산기) Insert title here input 태그의 type 속성을 선택자로 쓰려면 어떻게 할까? 아래처럼 하면 된다. input[type='button']{ /* padding : 0 20px; margin : 0px 5px; */ } 다른 버전 tyrionlife.tistory.com 잘 모를 때 만들어서 엉망이다. CSS, JS 까지 입힌 계산기 버전은 위 링크에 있다. + 추가 : input type text 하면 입력을 키보드로 받을 수 있다. 이전 1 ··· 29 30 31 32 33 34 35 ··· 40 다음