본문 바로가기

HTML/CSS문법79

CSS RGB색상(CSS RGB Colors) RGB 색상 값은 빨간색, 녹색 및 파란색 광원을 나타낸다. CSS RGB 값 CSS에서 색상은 다음 공식을 사용하여 RGB 값으로 지정할 수 있다: rgb(빨강, 초록, 파랑) 각 파라미터(빨간색, 녹색 및 파란색)는 0과 255 사이의 색상 강도를 정의한다. 예를 들어, 빨간색은 가장 높은 값(255)으로 설정되고 다른 값은 0으로 설정되므로 RGB(255, 0, 0)는 빨간색으로 표시됩니다. 검은색을 표시하려면 모든 색상 파라미터를 0으로 설정합니다. rgb(0, 0, 0)와 같이 설정합니다. 흰색을 표시하려면 모든 색상 매개 변수를 255로 설정합니다(예: rgb(255, 255, 255). RGB 값을 사용하여 색상 지정 rgb(255, 0, 0) rgb(0, 0, 255) rgb(60, 179.. 2023. 7. 3.
CSS 색상(CSS Colors) 색상은 미리 정의된 색상 이름 또는 RGB, HEX, HSL, RGBA, HSLA 값을 사용하여 지정할 수 있다. CSS 색상이름 CSS에서 색상은 미리 정의된 색상 이름을 사용하여 지정할 수 있다: 아래 코드는 색상이름을 활용한 예제이다. 이름을 익힐겸 실습하기를 추천합니다. Tomato Orange DodgerBlue MediumSeaGreen Gray SlateBlue Violet LightGray 실행 결과는 아래 그림과 같다. CSS 배경색상(CSS Background Colors) HTML 요소의 배경색을 설정할 수 있다: 애국가 동해 물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 무궁화 삼천리 화려강산 대한 사람, 대한으로 길이 보전하세 위의 코드 실행 결과가 아래 그림이다... 2023. 7. 2.
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.

티스토리툴바