반응형
HTML 태그 내에서 CSS 스타일 적용하는 법
<p style = "스타일 특성; 스타일특성;"> lorem </p>
외부에 만든 css 파일 연동하는 법
<link href="css 파일 경로" rel = "stylesheet">
- Class selector
- 이름으로 설정 / 클래스
- 점 찍고 작성해야 함
<p class = "스타일이름"> ㅇㅇ </p>
====css 파일==================
.스타일이름 {
css 속성;
css 속성;
}
- Tag Selector
- 태그 명으로 작성
- 모든 태그에 적용됨
태그명{
스타일;
}
- id Selector
- 태그의 아이디에 스타일 적용하는 법
- # 붙이고 작성해야 함
- 보통 아이디는 자바스크립트에서 사용하므로 거의 사용하지 않는다.
#아이디명 {
스타일
}
셀렉터의 우선순위
- 태그 내부의 style
- 아이디 셀렉터 #
- 클래스 셀렉터 .
- 태그 셀렉터
반응형
'강의정리들 > [2023] FullStack' 카테고리의 다른 글
[CSS]div 태그를 이용한 화면 분할 (0) | 2023.01.28 |
---|---|
[CSS]글자 스타일 (0) | 2023.01.28 |
[CSS]이미지 가운데 정렬하는 법 (0) | 2023.01.28 |
HTML 태그 정리-1 (0) | 2023.01.28 |
*0127 (0) | 2023.01.27 |