728x90
반응형
안녕하세요
이번포스팅은 CSS관련 포스팅을 적어볼려고 합니다.
CSS정의, CSS 적용방법 과 선택자를 알아보겠습니다.
CSS(Cascading Style Sheet)
CSS는 디자인을 담당하는 언어라고 생각하시면 됩니다.
CSS디자인 적용방법으로는
총 3가지가 있습니다.
인터널 방식
<style>태그를 사용합ㄴ다.
EX)
<style>
h1 {
color : red;
}
</style>
인라인 방식
태그안에 style을 사용
EX) <h1 style = background-color : yellow">
익스터널 방식
css파일을 생성하여 HTML문서와 함께하는 것
문서연동을 위해 <head>태그 안에 <link>태그를 사용
EX) <link rel ="stylesheet" href ="style.css">
=> css파일을 따로 모아두는 것이 좋다.!
CSS 선택자
CSS선택자는 디자인 할 영역을 잡아주는 것이다.
1) TYPE
<h1>, ><P>같은 태그 기준
EX) h1 {
~~~~~
}
2) id 선택자
<h3 id ="bg">
하나만 지정가능
EX)
#bg{
~~~~~
}
3) class 선택자
<h3 class ="size">
=> 여러개 지정 가능
.size{
~~~~~~
}
사진과 같이 ID는 주로 큰 공간 class는 작은공간에 사용한다.
이상으로 포스팅 마치겠습니다!
부족한 점이 있다면 댓글로 남겨주세요!
반응형
'웹 > CSS' 카테고리의 다른 글
| CSS 우선순위, 계단식 CSS 알아보기 (0) | 2023.04.04 |
|---|---|
| CSS 선택자 알아보기 (0) | 2023.04.02 |
| Font family 알아보는 사이트 추천 및 font stack 알아보기 (0) | 2023.04.01 |
| 텍스트 관련 CSS(text-align,font-weight,text-decoration,line-height) (0) | 2023.03.31 |
| CSS 간단한 속성 및 상속,캐스케이딩 알아보기 (0) | 2022.12.13 |
