Front_end/CSS4 CSS - 반응형 웹 메타태그 HTML 문서에 대한 메타 데이터를 정의항상 요소 안에 들어감보통 문자 인코딩, 페이지 설명, 키워드, 문서 작성자 및 뷰포트 설정 지정하는데 사용페이지에 표시되지 않지만 컴퓨터 구문 분석이 가능함브라우저 : 콘텐츠를 표시하거나 페이지를 다시 로드하는 방법 / 검색엔진 : 키워드 / 기타 웹 서비스에 사용 속성내용charsetHTML문서의 문자 인코딩을 지정ex) UTF-8, EUC-KRcontentmeta 정보의 내용을 지정http-equiv콘텐츠 속성의 정보 / 값에 대한 HTTP헤더 제공웹 브라우저 서버에 명령을 내리는 속성name 속성 대신 사용 가능name메타 데이터의 이름 지정ex) author, descripttion, generator, keywords 뷰포트(viewport) .. 2024. 9. 3. CCS의 선택자 - 2 가상 선택자 가상 클래스 선택자는 HTML 요소의 상태나 특정 특성에 따라 스타일을 적용하는데 사용되는 선택자입니다.가상 클래스는 선택자 뒤에 ":" 기호를 사용하여 정의합니다. ":link"웹 문서에서 사용자가 클릭하지 않은 곳을 표시합니다. a:link { color: red; text-decoration: none;}":visited"웹 문서에서 사용자가 방문한 곳을 표시합니다.a:visited { color: purple; }":active"웹 문서에서 사용자가 지정된 요소를 클릭하는 순간에 적용됩니다.p:active { color: red; } ":hover"웹 문서에서 사용자가 지정된 요소에 마우스 포인터를 올리는 순간에 적용됩니다.p:hover { color: green; } ":focus.. 2024. 7. 29. CSS의 선택자 - 1 - 선택자 선택자는 어느 부분의 HTML에 스타일을 적용할지 태그명과 클래스, 아이디로 선택할 수 있다. - CSS의 선택자 종류 전체 선택자 style> *{ color: red; } style> *{속성선언;} 형식으로 작성하며 모든 요소에 스타일을 적용합니다.이 선택자는 초기화 스타일을 설정하거나 모든 요소에 동일한 기본 설정을 적용할 때 유리합니다. 위 예제는 모든 요소의 문자 색상을 빨간색으로 지정하는 것 입니다. 타입 선택자 style> h1{ background-color: blue; } style> 태그{속성선언;} 형식으로 작성하며 지정된 요소를 선택하여 스타일을 적용합니다.이 선택자는 각각의 태그들을 사.. 2024. 7. 26. CSS3 기본 - CSS3CCS(Cascading Style Sheets) 란 HTML5에서 지원할 수 없는 다양한 글꼴, 색상, 정렬과 각 요소의 배치 방법 등과 같은 디자인 요소를 웹문서에 적용하는 데 사용 되는 스타일 시트의 표준안이다.- CSS3의 구성h1 { color: red; font-size: 12px;} 선택자 : 스타일 시트를 적용할 대상을 지정 하는 것[ 위의 "h1"이 이에 해당한다. ] 속성 : 어떤 속성을 적용할지 선택 하는 것[ 위의 "color", "font-size"가 이에 해당한다. ] 속성 값 : 속성에 어떤 값을 반영할지 선택 하는 것[ 위의 "red", "12"가 이에 해당한다. 속성 값, 단위 뒤에는 반드시 ";"세미콜론을 넣어야한다. ] - CSS의 정의 문법선택자 .. 2024. 7. 24. 이전 1 다음
