하루의 일상💜

캐스케이딩 이란? 스타일 시트에서는 우선순위가 위에서 아래, 즉 계단식으로 적용된다는 의미이다. 둘 이상의 스타일을 적용할 때 우선순위에 따라 적용할 스타일을 결정한다. 중요도 CSS가 어디에 선언되었는지에 따라서 우선순위가 달라진다. 인라인 스타일 > 내부 스타일 시트 > 외부 스타일 시트 > 웹 브라우저 기본 스타일 명시도 우선순위 순서 !importmant > 인라인 스타일 > 아이디 선택자 > 클래스 선택자 > 태그 선택자 > 전체 선택자 > 상속받은 속성 인라인 스타일 간단한 스타일 정보라면 스타일 시트를 사용하지 않고 스타일을 적용할 대상에 직접 표시한다. 캐스케이팅입니다. 캐스케이팅입니다. 내부 스타일 시트 이라는 부모안에 이라는 자식이 있을 때 같은 스타일을 줄때 사용할 수 있다. #id ..

태그란 웹 페이지 내에서 사용자로 부터 입력을 받을 때 사용하는 태그이다. 사용자가 입력한 데이터를 다른 페이지로 전송할 때 form 태그를 사용한다. 아이디 비밀번호 입력 창 아이디 비밀번호 입력받기 위해 사용하는 태그인 을 이용하여 type : 입력 종류를 설정 placeholder : 미리 출력해줄 문구를 작성 name : value의 key값 required : 필수 항목 //아이디를 쓰지 않고 가입버튼을 눌렀을 때 필수로 입력해야한다는 안내 문구가 나온다. 그 외에도 태그에서 사용할 수 있는 속성에 대해서 아래와 같은 태그 들이 있다. value : 사용자가 입력한 값(입력 전 미리 값을 넣어줄 수도 있다.) readonly : 수정할 수 없도록 하는 설정 maxlength : 글자 수 제한 태..

▶ 블록(block) 레벨 요소 - p, h, ul, ol, div, form,...등 - 내용의 길이에 상관없이 무조건 한 줄 통채로의 영역을 차지한다. - 영역이 정확히 구분되어 있기 때문에, width와 height 속성을 수정할 수 있다. - margin-top, margin-bottom 속성도 잘 적용된다. - padding-top, padding-bottom 속성도 잘 적용된다. ▶ 인라인(inline) 레벨 요소 - span, a, img, strong, em,...등 - 새로운 줄을 만들지 않고 작성한 단락 내에 나타낸다. - 안에 있는 내용만큼만 영역을 차지한다. - 영역이 불분명하기 때문에 width와 height를 임의로 부여할 수 없다. - margin-top, margin-bott..

테이블 표 만들기 테이블 생성시 사용하는 태그로 행과 열을 구분해서 사용해야 한다. 행 , 열 는 두껍게 강조되는 태그이다. 또한 으로 표의 제목을 표시할 수 있다. 고객 정보 이름 나이 주소 홍길동 20 중곡동 이순신 22 문정동 행, 열 합치기 colspan : "합칠 열 개수" 좌에서 우로 합쳐지고 현재 행에만 적용된다. rowspan : "합칠 행 개수" 현재 행과 아래 행이 합쳐지고 다음 행이 없으면 적용이 안된다. 고객 정보 이름 주소 홍길동 20 중곡동 22 문정동