반응형
반응형
CSS를 삽입하는 세 가지 방법스타일 시트를 삽입하는 방법에는 세 가지가 있습니다.외부 CSS내부 CSS인라인 CSS외부 CSS외부 스타일 시트를 사용하면 파일 하나만 변경하여 전체 웹사이트의 모양을 변경할 수 있습니다!각 HTML 페이지에는 head 섹션 내부의 요소 내부에 외부 스타일 시트 파일에 대한 참조가 포함되어야 합니다. 외부 스타일은 HTML 페이지의 섹션 내부에 있는 요소 내에 정의됩니다.!DOCTYPE html>html>head>link rel="stylesheet" href="mystyle.css">/head>body>h1>This is a heading/h1>p>This is a paragraph./p>/body>/html> 외부 스타일 시트는 모든 텍스트 편집기에서 작성할 수 ..
CSS 선택자CSS 선택기는 스타일을 지정하려는 HTML 요소를 "찾거나 선택"하는 데 사용됩니다.CSS 선택자를 다섯 가지 범주로 나눌 수 있습니다.단순 선택기(이름, ID, 클래스를 기준으로 요소 선택)조합자 선택기 (요소 간의 특정 관계를 기반으로 요소 선택)의사 클래스 선택기 (특정 상태에 따라 요소 선택)의사 요소 선택기 (요소의 일부 선택 및 스타일 지정)속성 선택기 (속성 또는 속성 값을 기반으로 요소 선택)CSS 요소 선택기요소 선택기는 요소 이름을 기반으로 HTML 요소를 선택합니다. 여기서 페이지의 모든 요소는 빨간색 텍스트 색상으로 가운데 정렬됩니다. p { text-align: center; color: red;}CSS ID 선택기id 선택기는 HTML 요소의 id 속성을 사용..
CSS란 무엇입니까?CSS는 캐스케이딩 스타일 시트(Cascading Style Sheets)를 나타냅니다.CSS는 HTML 요소가 화면, 종이 또는 기타 미디어에 표시되는 방법을 설명합니다.CSS는 많은 작업을 줄여줍니다. 여러 웹페이지의 레이아웃을 한 번에 제어할 수 있습니다.외부 스타일시트는 CSS 파일에 저장됩니다.CSS를 사용하는 이유는 무엇입니까?CSS는 다양한 장치 및 화면 크기에 대한 디자인, 레이아웃 및 디스플레이 변형을 포함하여 웹 페이지의 스타일을 정의하는 데 사용됩니다.CSS가 큰 문제를 해결했습니다.HTML은 결코 웹페이지 형식을 지정하기 위한 태그를 포함하도록 의도되지 않았습니다!HTML은 다음과 같이 웹페이지의 내용을 설명하기 위해 만들어졌습니다.제목입니다이것은 단락입니다.와 ..
CSS의 주요 속성width : 요소의 너비이다. 기본 값은 auto이다.height : 요소의 높이이다. 기본 값은 auto이다.max-width min-width : 요소가 가질 수 있는 최대, 최소 너비이다.max-height min-height : 요소가 가질 수 있는 최대, 최소 높이이다.모두 px, em, rem단위 등으로 크기를 지정해준다.margin : 요소의 외부영역이다.auto, px, em, vx 등의 단위로 크기를 설정한다.기본 값은 0이다.margin (위, 아래) (왼쪽, 오른쪽) : 요소의 위와 아래, 왼쪽과 오른쪽의 값을 설정한다.margin (위) (왼쪽, 오른쪽) (아래) : 요소의 위, 왼쪽과 오른쪽, 아래의 값을 설정한다.margin (위) (오른쪽) (아래) (왼쪽)..