위치 속성 요소의 고정 위치와 상대 위치 지정 절대 위치,position:absolute left, right, top, bottom 의 프로퍼티 값으로 정하면, 이 값들은 부모(body)태그 안에서의 상태 좌표입니다. 고정 위치, position:fixed left, right, top, bottom 의 프로퍼티 값으로 뷰포트(브라우저 보이는 영역)의 특정 위치에 고정시키는 방식입니다. 정적 위치, position:static 웹 페이지가 작성된 순서대로

시험 & 자격증 & 과제폭탄 으로 인하여 포스팅을 이제야 다시 시작합니다 ! 가시 속성 태그가 화면에 보이는 방식을 지정 display 속성 (보통 태그는 블록(한 행을 다 잡아먹음) 속성을 가집니다) _에 들어오는 속성 1.none : 화면에 보이지않음 (숨김) 2.block : 블록 박스 형식으로 지정 3.inline : 인라인 박스 형식으로 지정 (옆에 내용이 올 수 있게함) => 자주 쓰임 4.inline-block` : 블록과 인라인의 중간 형태로 지정 1) none 키워드 >style 속성 # : id 선택자 . : 클래스 선택자 2) block #box태그의 display 속성을 block 키워드로 바꿈 3) di

웹프로그래밍을 수강중인데, 해당 교과목은 3시간 수업 후 20~30분 이내에 교수님이 띄워주신 것을 만들어 내야하는 수업입니다. (html -> css -> Js) 순의 커리큘럼 1 (원래는 다른 ui이나, 위에 예시는 제가 만든 것임을 참고하여 주시면 감사하겠습니다.) 조건1, 테이블 앞 부분(열)을 클릭(이벤트)시 뒷 열 text input에 입력할 수 있게끔 처리. 조건2, 나중에 db랑 연동할 예정임으로 각각의 저장소(?)를 지정하여라. 조건3, 빈칸 클릭시 색상변경 조건4, 내용 빈칸 란은 작성 크기 크게 작성할 수 있게끔 처리 조건5, box가 table의 테두리와 맞닿지 않게

css 속성 h1 { color : red; } h1 : 선택자 color : 스타일 속성 red : 스타일 값 박스 속성 csss는 각 요소가 박스라는 사각 영역을 생성함 (박스 단위로 움직임) 생성한 영역이나 영역을 둘러싼 테두리에 크기, 색상, 위치 등과 관련한 속성을 지정하여 스타일을 변경함 웹 페이지의 레이아웃을 구성할 때 가장 중요함. 박스 크기와 여백 width 와 height 속성 : 글자를 감싸는 영역의 크기를 지정함 (image 도 해당 태그 사용) border 속성 : 테두리 두께를 지정함 margin : 테두리와 다른 태그의 간격을 지정함 padding : 테두리와 안쪽 여백을 지정함 div 태그로 만든 박스 크기와 패

예제 코드 Tip. (주석 처리한 것을 우선시하여 확인해서 학습해야함) 정말 예제 2 자손선택자 특정 태그의 자손을 선택할 때 사용 형태 설명 선택자 A > 선택자 B 선택자 A의 자손인 선택자B 선택 `` 태그 요소 선택할 대 자손

클래스 선택자 ( .클래스 ) 특정한 클래스가 있는 태그를 선택하여 속성을 지정함 1. 클래스 사용자를 1개 사용하기 Document .select {color: red;} 사과 바나나 오렌지 감

자손 선택자와 후손 선택자 HTML 문서에 CSS3 스타일 시트 만드는 방법 3가지 태그에 스타일 시트 작성 style 속성에 스타일 시트 작성 스타일 시트를 별도 파일로 작성 `` 태그로 불러 사용 (가장 많이 쓰임) CSS 개요 ![](https://velog.velcdn.com/images/ohoh7391/post/2ea59404-2505-49be-a