728x90 반응형 Coding With Jina154 [CSS] 기본 속성 1) CSS 속성 1.1 색 - 이름(red,green) - RGB(255,0,0) - 16진수(#ff0000) 관련사이트 https://colorhunt.co/ https://www.design-seeds.com/ 1.2 배경(background-color) 1.3 backgroung-repeat - 기본설정은 repeat - repeat-x 수평반복 - repeat-y 수직반복 - no-repeat 반복안함 1.4 background-position - 클래스지정 후에 backgroung-position을 통해 이동 - (x축,y축) 1.5 background-attachment 배경 이미지를 스크롤에 따라 움직이는지 아닌지 설정 *스크롤 입장에서 생각할 것 fixed : 스크롤 움직일때마다 같이 움.. 2020. 5. 8. [CSS] 기본 개념 CSS는 2가지 분류로 나뉜다 ① selector 파트 : html에 작성해둔 elemet를 지정함 ex) h1, div, class-name, id-name ② property 파트 : property-name:value;로 css style을 지정 ex) backgroung-color : red; Cascading Style Sheets 구조화된 문서를 어떻게 나타낼 것인가를 정의하는 시트언어 1) CSS 문법 선택자{선언블록안에 선언-> 속성명: 속성값;} 2) 주석처리 /* 주석주석 */ * HTML에서서는 이걸로 함 3) css 종류 적용 순위 : 스타일 시트는 가장 후단에 오는 순서로 적용 : 인라인>내부 >외부 ? 그럼 적용순위? - 인라인 스타일(임베디드방식) : 태그 안에 style을 넣.. 2020. 5. 7. [HTML] 오디오/비디오 태그 2. 멀티미디어 2-1. 비디오 controls : 재생 버튼 생성 2-2. 오디오 2-3. 유투브 → 저작권 문제 등으로 동영상 실행이 잘되지 않음 2020. 5. 7. [HTML] Form 태그 2) 폼 : 값을 넘겨주는 태그 2.1 입력방식 form elements get : URL?key=value => 요청한 웹페이지에 나타남(보안취약/길이한정) post : 눈에 보이지 않지만 길이 제한 없으면 보안가능 2.2 전송양식 1. form & input 1-1. input : text 텍스트를 입력하세요. 1-2. input : password ID : PW : 1-3. input : radio 라디오1 라디오2 라디오3 라디오4 1-4. input : checkbox 체크박스1 체크박스2 체크박스3 체크박스4 체크박스5 1-5. select 선택 1 선택 2 선택 3 선택 4 1-6. button 버튼을 눌러주세요. 1-7. input : submit 텍스트를 입력하세요. : 3) 페이지 이동.. 2020. 5. 7. [HTML] list 와 table 1) 리스트/테이블 1.1 리스트 1. 리스트 1-1. dl / dt / dd 리스트 기본 용어1 -용어1에 대한 설명 여대 앞에 사는 남자 - 제가 좋아하는 재즈 제목 1-2. ul / ol / li 1-2-1. ul / li 순서없는 항목1 순서없는 항목2 순서없는 항목3 순서없는 항목4 순서없는 항목5 1-2-2. ol / li 순서있는 항목1 순서있는 항목2 순서있는 항목3 순서있는 항목4 순서있는 항목5 1.2 테이블 - 테이블에서 가로 줄을 열(row), 세로 줄을 행(column) - 태그는 행, 태그는 열을 표현 표이름 제목1 제목2 제목3 내용1 내용2 내용3 2. 테이블 2-1. 기본 출석확인표 날짜 이름 확인 19.02.03 최진아 ok 20.01.13 김영균 ok 2-2. 병합 2-.. 2020. 5. 7. [HTML] 공간분할 공간분할 1. 블록 [물리적 공간 분할] p는 블록입니다. div도 블록입니다. 헤더입니다. 내비게이션 섹션 내부 아티클1 사이드 Footer [결과] aside 아티클이 아닌 애들인데 꼭 옆에 있어야하는 것이 아니라 옆에 치우친거 float : 공간을 정해주는 것 clear : 어떤 영역에서는 영향을 받지 않게 하는 것 가장 자주 쓰이는 시맨틱 요소는 div와 span 2020. 5. 7. 이전 1 ··· 22 23 24 25 26 다음 728x90 반응형
