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태그에 필요란 디자인 속성을 추가하는 형식
편리하지만 일관된 디자인 체계를 유지하는데에는 방해가 되기 때문에 필요한 경우가 아니라면 사용하지 않는다.
오늘의 소감/일기
블로그를 개설해서 글을 올리는게 처음이라 미숙하지만 글을 작성하면서 자동으로 복습도 되고 좀더 자료를 찾아보다보니 모르던 부분도 알게되었다. 매일 업로드는 못하겠지만 자주 업로다하면서 성장하는 나의 모습을 시각적으로 볼 수 있어서 흥미로우면서도 재밌다.
welcome my velog