반응형 CSS20 [CSS] CSS Selectors CSS Selectors란? CSS Selector은 HTML 요소중 스타일을 바꿀 부분을 선택한다. CSS id Selector - id Selector는 고유한 id 특성을 가진 HTML 요소를 선택한다. - id 요소들은 페이지에서 고유하기 때문에 id Selector은 특정한 하나의 요소를 선택하게 된다. - 특정한 id를 선택하기위해서는 '#'을 사용해야한다. * 절대 id는 처음에 숫자가 올 수 없다. 예시코드 이것만 바뀐다 이건 안바뀜 결과 CSS Class Selector Class Selector 특정 클래스 속성을 가진 HTML 요소를 선택한다. - 특정 클래스가 있는 요소를 선택하기 위해서는 마침표(.) 문자를 쓰고 그 뒤에 클래스 이름을 입력한다. 이것은 제목입니다. 이것은 단락임 .. 2023. 9. 9. [CSS] CSS 문법 CSS 문법 CSS는 다음과 같은 규칙을 갖는다. h1 { color:blue; font-size: 15px;} 여기서 h1은 Selector 그 뒤 괄호를 Declaration, color를 Property, blue를 Value라고 하자 - Selector는 스타일을 지정하려는 HTML 요소를 가리킨다. - Declaration 부분은 세미클론(;)에 의해 하나 또는 여러개를 선언할 수 있다. - 각각 선언한 부분은 CSS 특성(Property) 이름과 값(Value)을 가진다. - 클론의 각각의 선언들 구분한다. - 여러 CSS 선언들은 세미클론에 의해 분리되며 중괄호로 둘러쌓여있다. 예시코드 My First CSS Example This is paragraph 결과 2023. 9. 9. [CSS] CSS란 무엇인가? CSS란? - CSS는 Cascading Style Sheets의 줄임말이다. - 어떻게 HTML 요소들을 스크린, 페이퍼 또는 다른 미디어 공간에서 표현할지에 대해 설명한다. - CSS는 많은 작업을 줄여준다. 여러 웹페이지의 레이아웃을 한번에 제어할 수 있다. - 외부파일에 CSS파일을 저장할 수 있다. CSS를 사용하는 이유? - CSS는 다른 장치와 스크린 크기를 위한 레이아웃 및 디스플레이 변형을 포함하여 웹페이지 스타일을 정의하는데 사용된다. 아래는 css의 예시 코드이다. My First CSS Example This is paragraph 결과물 위의 코드와 결과를 보면 html은 단순히 제목(My First CSS Example)과 단락(This is paragraph)만을 만들 수 있고.. 2023. 9. 9. HTML Styles - CSS CSS란? CSS는 Cascading Style Sheets로 문장 웹페이 레이아웃 형식을 지정하는데 사용합니다. CSS는 텍스트의 사이즈, 색상, 폰트를 제어할수 있고 이미지의 배경색, 레이아웃에 사용하며 다른 장치나 스크린 사이즈를 다양하게 표현할 수 있는 등 웹프로그래밍에 있어서 많이 사용되는 언어 입니다. CSS 사용해보기 CSS는 세가지 방식으로 HTML에서 사용할 수 있습니다. 1. Inline: HTML요소 안에서 속성 스타일을 사용할 수 있습니다. 2. Internal: This is a heading This is a paragraph. - external CSS This is a heading This is a paragraph. -> 위의 코드는 html의 코드 body { backg.. 2023. 9. 3. 이전 1 2 3 4 5 다음 728x90 반응형
