Frontend/HTML & CSS8 [CSS ②] 선택자 / selector (CSS기초/개념) 선택자란? 선택자란 CSS효과를 적용할 대상 가리켜 선택해주는 것 [사용 방법] 에서 CSS 파일 불러옴 선택자 { 선언(속성=속성값); 선언(속성=속성값); 선언(속성=속성값); } [우선순위] 기본적으로는 css속성은 위에서 부터 아래로 적용, 같은 태그에 여러개의 css속성이 설정된 경우에는 우선순위에 따라 스타일이 적용된다. 태그선택자 p{ color:orange; } 하위 선택자 > 특정 요소의의 하위 요소 지정할 때 사용 div>span특정 요소의의 하위 요소 지정할 때 사용 div>p>span특정 요소의의 하위 요소 지정할 때 사용 div>p>span>p>span특정 요소의의 하위 요소 지정할 때 사용 div>span{ background-color: olive; } 인접 선택자 + 인접하는.. 2021. 2. 2. [CSS ①] 작성방법 / 사용 이유 (CSS기초/개념) CSS 작성 방법 1. 인라인 요소 사용 -> style 속성 사용 (inline style sheets) 1. 인라인 요소 사용 -> style 속성 사용 (inline style sheets) b> 2. 내부 스타일 시트 -> style태그 사용 p{ background-color: lightpink; } 3. 외부 스타일 시트 -> css파일을 외부에 작성해 놓고 불러와 사용 b{ color:red; } CSS 사용 이유 생활코딩 CSS css 단 하나 만 바꿔줘도 몇 백, 몇 천개의 중복 태그 코드가 바뀐다. html의 디자인 부분만을 보다 체계적으로 효과적으로 관리하기 위해 사용한다. 2021. 2. 2. [HTML ⑤/⑤] 시맨틱구조 / 시맨틱태그 (html기초/개념) github.com/recordbuffer/TIL/blob/main/HTML/Semantic_tag.html recordbuffer/TIL Today I Learned. Contribute to recordbuffer/TIL development by creating an account on GitHub. github.com 2021. 1. 30. [HTML ④/⑤] 폼 태그 / 필드셋 / 라디오버튼 / 체크박스버튼 / input태그 (html기초/개념) 폼 관련 태그 는 HTML에서 사용자가 입력할 수 있는 양식 제공하는 태그 검색할 내용 필드셋 fieldset 필드셋의 제목 입력 1: 입력 2: 입력 3: 입력 4: 텍스트 관련 input태그 *텍스트 상자 아이디 : *텍스트 상자2 비밀번호 : *텍스트 상자3 홈페이지 *전송 취소 버튼 숫자 관련 input태그 수량 : 점수 : 날짜, 시간 관련 input태그 date : month : week : time : (원래 이런 식으로 나온다 ↓) 라디오 버튼과 체크박스 성별 : 남자 여자 좋아하는 과목 : 자바 데이터베이스 HTML select 태그, option 태그 도시 : 서울 경기 충청 제주 색상 선택 태그 색상 선택 : (원래 이렇게 떠야 함 ↓) 파일 선택 태그 파일 선택 : 자유 텍스트 태그.. 2021. 1. 30. 이전 1 2 다음
