CSS(Cascading Style Sheet) 개념

CSS는 HTML과 함께 웹을 구성하는 기본 프로그래밍 요소이다.
HTML로 만든 구조를 시각적으로 보기좋게 디자인하는 요소이다.

  • 동일한 문서구조를 가지고 서로 다른 CSS테마 적용이 가능하다.
  • 디자인을 자유롭게 변경할 수 있다.

기본문법

선택자 {속성: 값; 속성:값...}

ex)

/* h1태그의 색상을 빨간색으로 크기는 15px로 지정합니다.*/
h1 {
color:red; font-size:15px;
}
  • CSS구문은 선택자와 선언부로 구성
  • 선택자는 디자인을 적용하고자 하는 HTML요소
  • 선언부는 콜론(:)으로 구분 되어진 다수의 항목을 포함
  • 각 선언은 항상 세미콜론(;)으로 끝나며, 선언블록은 중괄호({})로 묶음

내부 스타일시트

HTML 파일에 스타일을 기술하는 방법이다.

위와 같이 글자색이 빨간색으로 잘 반영되는것을 볼 수 있다.


외부 스타일시트

CSS를 작성하는 가장 기본적인 방법이다. 별도의 파일에 CSS 문서를 작성하고 HTML문서에서 불러와 사용하는 형식

CSS파일을 만들어 작성하고, HTML에서 link태그를 이용하여 연결해준다.

link rel="stylesheet" href="css파일 경로"

인라인 스타일

html태그에 필요란 디자인 속성을 추가하는 형식

편리하지만 일관된 디자인 체계를 유지하는데에는 방해가 되기 때문에 필요한 경우가 아니라면 사용하지 않는다.

오늘의 소감/일기

블로그를 개설해서 글을 올리는게 처음이라 미숙하지만 글을 작성하면서 자동으로 복습도 되고 좀더 자료를 찾아보다보니 모르던 부분도 알게되었다. 매일 업로드는 못하겠지만 자주 업로다하면서 성장하는 나의 모습을 시각적으로 볼 수 있어서 흥미로우면서도 재밌다.

profile
welcome my velog

0개의 댓글