본문 바로가기

분류 전체보기589

CSS 주석(CSS Comments) CSS 주석은 브라우저에 표시되지 않지만 소스 코드를 문서화하는 데 도움이 될 수 있다. CSS 주석 주석은 코드를 설명하는 데 사용되며 나중에 소스 코드를 편집할 때 도움이 될 수 있다. 주석은 브라우저에서 무시된다. CSS 주석은 요소 안에 배치되며 /*로 시작하여 */로 끝난다: /* This is a single-line comment */ p { color: red; } 코드의 원하는 위치에 주석을 추가할 수 있다: p { color: red; /* Set text color to red */ } 주석은 여러 줄에 걸쳐 있을 수도 있다: /* This is a multi-line comment */ p { color: red; } HTML과 CSS 주석 HTML 튜토리얼에서 구문을 사용하여 HT.. 2023. 7. 1.
CSS 추가하는 방법 브라우저는 스타일시트를 읽을 때 스타일시트의 정보에 따라 HTML 문서의 형식을 지정한다. CSS를 추가하는 3가지 방법 스타일 시트를 삽입하는 세 가지 방법은 다음과 같다: 외부 CSS 내부 CSS 인라인 CSS 외부 CSS(External CSS) 외부 스타일시트를 사용하면 파일 하나만 변경하여 전체 웹 사이트의 모양을 변경할 수 있다! 각 HTML 페이지에는 요소 내부, 헤드 섹션 내부의 외부 스타일 시트 파일에 대한 참조가 포함되어야 한다. 제목 단락. 위의 코드를 실행한 결과 화면이 아래 그림이다. 외부 스타일 시트는 모든 텍스트 편집기에 작성할 수 있으며 .css 확장자로 저장해야 한다. 외부 .css 파일에는 HTML 태그가 포함되지 않아야 한다. "mystyle.css" 파일의 모양은 다음.. 2023. 6. 30.
CSS 선택기(selector) CSS 선택기는 스타일을 지정할 HTML 요소를 선택한다. CSS 선택기(Selector) CSS 선택기는 스타일을 지정할 HTML 요소를 "찾거나" 선택하는 데 사용된다. CSS 실렉터는 다음의 5가지 범주로 나눌 수 있다: 단순 선택기(이름, ID, 클래스를 기준으로 요소 선택) 조합 선택기(요소 간의 특정 관계에 따라 요소 선택) 유사 클래스 선택기(특정 상태에 따라 요소 선택) 유사 요소 선택기(요소의 일부를 선택하고 스타일 지정) 속성 선택기(속성 또는 속성 값을 기준으로 요소 선택) 이 페이지에서는 가장 기본적인 CSS 선택기에 대해 설명한다. CSS 요소 선택기(CSS element selector) 여기서 페이지의 모든 요소는 빨간색 텍스트 색상으로 가운데 정렬된다: p { text-ali.. 2023. 6. 29.
CSS Syntax(CSS 구문) CSS 규칙은 선택기와 선언 블록으로 구성된다. 선택기(selector) 선언블록(declaration) h1 { color : blue; -> 속성 : 값 font-size:12px; } 선택기는 스타일을 지정할 HTML 요소를 가리킨다. 선언 블록에 세미콜론으로 구분된 하나 이상의 선언이 포함되어 있다. 각 선언에는 콜론으로 구분된 CSS 속성 이름과 값이 포함된다. 여러 CSS 선언은 세미콜론으로 구분되며 선언 블록은 곱슬곱슬한 중괄호로 둘러싸여 있다. CSS 예제입니다. Hello World! 이 단락들은 CSS로 작성되었습니다. 위의 css 코드를 실행한 결과는 아래 그림이다. p는 CSS에서 선택기이다(스타일링할 HTML 요소를 가리킵니다: ). 색상은 속성이고, 빨간색은 속성 값이다 text.. 2023. 6. 28.

티스토리툴바