본문 바로가기

Dev/HTML&CSS

(14)
[CSS] plceholder 색깔 변경 일반적으로 placeholder 색상을 변경하는 방법은 아래와 같다 .input-classname::placeholder { color : red; } 하지만 크롬, 인터넷 익스플로러, Edge에서는 적용되지 않기 때문에 아래처럼 적어준다 .input-classname::-webkit-input-placeholder { color : red; } .input-classname::-ms-input-placeholder { color : red; } .input-classname::-moz-input-placeholder { color : red; }
[HTML] 콘텐츠 구조 소개나 탐색을 돕는 그룹 로고, 메뉴, 검색바, 로그인버튼, 로그아웃 버튼 등을 넣는 요소 header 안에 header나 footer를 넣을 수 없음 사이트 가장 하단에 위치 연락처, 주소 등을 넣는 요소 작성자 구획, 저작권 데이터, 관련된 문서의 링크에 대한 정보를 포함 ~ 6단계의 문서 제목 구현 제목의 정보는 문서의 목차를 만드는 것처럼 사용가능 제목 폰트의 크기를 줄이기 위해 낮은 단계를 사용하지 말 것 제목 단계를 건너뛰는 것을 피하기 첫번째 단계의 제목은 한페이지에 하나만 사용 문서의 핵심 주제나 애플리케이션의 핵심 기능성에 대해 부연 또는 직접적으로 연관된 컨텐츠 설정 IE 지원 불가 한 문서에 하나의 메인 요소만 가능 독립적 또는 재사용 할 수 있는 구분된 영역 section, div같..
[HTML] base tag 상대경로 태그 html문서에 단 한번만 작성할 수 있음 html 내에 작성하는 모든 상대경로에 영향을 미침 모든 경로에서 같은 경로를 사용할 때 유용
[HTML] link tag 현재 문서와 외부 리소스의 관계를 명시하는 태그 rel relationship의 약자. 외부에서 가져온 문서와 현재 문서에 대한 관계를 지정하는데에 있어 필수 속성 href 가져올 문서의 경로 : 외부 리소스 연결 요소 - HTML: Hypertext Markup Language | MDN : 외부 리소스 연결 요소 HTML 요소는 현재 문서와 외부 리소스의 관계를 명시합니다. 는 스타일 시트를 연결할 때 제일 많이 사용하지만, 사이트 아이콘("파비콘"과 홈 화면 아이콘) 연결 등 여러 developer.mozilla.org Link types - HTML: Hypertext Markup Language | MDN Link types 다음 표에 나열된 링크 타입 속성은 HTML에서 두 문서간의 관계를 명..