HTML/CSS문법79 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. CSS 개요 CSS는 우리가 웹 페이지를 스타일하기 위해 사용하는 언어이다. CSS란 무엇인가? CSS는 Cascade Style Sheet 의 약자이다 CSS는 HTML 요소가 화면, 종이 또는 다른 매체에 어떻게 표시되는지 설명한다 CSS는 많은 작업을 절약한다. 여러 웹 페이지의 레이아웃을 동시에 제어할 수 있다 외부 스타일시트는 CSS 파일에 저장된다 왜 CSS를 사용할까? CSS는 다양한 장치 및 화면 크기에 대한 디스플레이의 디자인, 레이아웃 및 변형을 포함하여 웹 페이지의 스타일을 정의하는 데 사용된다. 나의 첫 CSS 예제 문단입니다. 위의 코드를 실행한 결과가 아래 그림이다. CSS는 큰 문제를 해결하였다. HTML은 웹 페이지를 포맷하기 위한 태그를 포함하도록 의도되지 않았다! HTML은 다음과 같.. 2023. 6. 26. 이전 1 ··· 17 18 19 20 다음
