개발벤제마

CSS 7일차 공부한 내용 정리 시작하겠다.특성 선택자(속성 선택자)는 주어진 속성의 존재 여부나 그 값에 따라 요소를 선택하는 선택자이다.예를 들면두 개의 사진 중 위에 있는 사진은 클래스 속성을 가진 요소를 선택하는 방법이고 아래 있는 사진은 클래스가 "item"인 요소를 선택하는 방법이다. 보면 선택자 부분이 대괄호로 묶여있는데 이것이 특성 선택자의 기본 형태이다.기호를 추가하여 요소를 선택하는 방식을 다양화할 수도 있다. 예를 들면맨 위의 코드는 클래스 값에 "it"이 포함되는 것을 선택하는 방법이고, 가운데의 코드는 클래스 값이 "it"으로 시작하는 것을 선택하는 방법, 마지막 코드는 클래스 값이 "it"으로 끝나는 것을 선택하는 방법이다.우선 예제를 통해 알아보자!DOCTYPE html> ht..

안녕하세요!!! CSS 2일차 공부 내용 정리해보겠습니다  텍스트 관련 CSS속성 1. font-family: 글꼴을 지정한다 2. font-size: 수치와 단위를 지정해 글자의 크기를 정의할 수 있다. px: 모니터 상의 화소 하나 크기에 해당하는 절대적인 크기 rem; 태그의 font-size에 대응하는 상대적인 크기 em: 부모태그(상위태그)의 font-size에 대응하는 상대적인 크기 3. text-align: 블록 내에서 텍스트의 정렬 방식 정의 4. color: 텍스트 색상 정의 ex) 1. color: red; 2. color: #ff0000; 3. color: rgb(100%, 0%, 0%)이제 코드 예시를 보여드리겠습니다.DOCTYPE html>html lang="en">head>   ..

종강을 하고 방학을 하니 할 것도 없고 심심하던 찰나, 갑자기 생각난 학기 중 수업 내용. 복습 겸 유튜브 강의를 찾아보며 공부한 내용을 올려본다.CSS 기본 양식 선택자 {        속성명: 속성값         }DOCTYPE htmlhtml lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>율리우스 카이사르title>    style>        p {            color: #ffffff;/*하얀색으로 글자가 표시됨*/            font-size: 4rem;        }        body {    ..