본문 바로가기

css5

CSS 개념들 정리 CSS (Cascading Style Sheet) 선택자 { 프로퍼티 : 값 ; 프로퍼티 : 값 .... ..... ....} --- 예시 --- 스타일 시트 파일 불러오는 방법 2가지 1. 첫번째 방법 2. 두번째 방법 인라인 스타일 태그 안에 직접 스타일을 작성 css에서 # 과 .(dot) /// ID, CLASS 찾기 # - id를 선택할 때 사용 . (dot) - class를 선택할 때 사용 #title, li{ color:brown; } .addr{ color:blue; } id가 'list' 중에서 'span 태그' 찾기 #list span{ color:forestgreen; } 'boby' 태그에서 'main' class를 찾기 body.main{ background: aliceblue }.. 2022. 5. 16.
(HTML, CSS ) 32일차 전체 선택자 와일드 문자(*) 사용하여 모든 태그에 적용시키는 셀렉터 * { color : green; } 속성 셀렉터 선택자 [type="text"] { color : red; } text 타입을 갖는 선택자를 의미 가상클래스 셀렉터 (콜론으로 시작) 어떤 조건이나 상황에서 스타일을 적용하도록 만든 셀럭터 선택자:hover { background : yellowgreen; } :hover -마우스가 올라갈 때 스타일 적용 :active - 마우스로 누르고 있는 상황에서 스타일 적용 :focus - 폼요소가 키보드아 마우스 클릭으로 포커스를 받을 때 :link - 방문하지 않은 링크에 스타일 적용 :visited 방문한링크에 스타일 적용 ;first-letter - 블록태그에서 (p, div) 첫글자를 .. 2022. 5. 12.
(HTML, CSS ) 31일차 태그, input type .... .... 나라 : 버튼만들기 (input, button) 확인2 확인3 체크박스 CheckBox JSP에서 받을 때 배열로 받아야 함(중복선택이 가능하기 때문에) getParameterValues("name") 사용 checked 옵션으로 기본 값 체크 가능 2022. 5. 11.
(HTML, CSS ) 29일차 HTML5 페이지의 기본 구조 본문, 이미지, 테이블, 자바스크립트 코드, 동영상 등 HTML 태그의 속성은 대소문자 구분하지 않음 기본 TAG 헤드라인을 위한 태그(h1~h6) 'h1'의 글자 크기가 가장 크고 'h6'이 가장 작다 단락 나누기 (p) 단락을 나눌 수 있음 .. .. .. 줄 바꾸기(br) 줄을 바꿀 수 있음 기호 표현 수평선 긋는 태그 IMG 태그 이미지를 표현할 때 사용 img 의 alt 속성 안에 텍스트를 넣었을 경우 이미지가 존재하지 않을 때 해당 텍스트가 출력 됨 리스트 (ul, ol) ul, ol 안에 li 태그를 사용하여 값을 입력 ol 은 순서있는 리스트로 type을 붙일 수 있음 (1, 2, 3, 4 식으로 표현 가능) 물을 끓인다 라면과 스프를 넣는다 파를 썰어넣는다 .. 2022. 5. 9.
CSS 선택자 선택자 2022. 1. 19.
반응형

티스토리툴바