본문 바로가기

웹개발/[인프런] 실전 HTML & CSS

6강. CSS 기본 1

※ 다음 강좌를 수강하고 내용을 정리한 것입니다.

https://www.inflearn.com/course/html-css-강좌#

 

실전 HTML & CSS 강좌 - 인프런

Web을구성하고있는HTML5 과 CSS3 를 다루는 강좌 입니다. 입문 웹 개발 HTML/CSS 웹 퍼블리싱 온라인 강의 css 강좌

www.inflearn.com

 

6-1 선택자란?

특정 태그를 선택하여, 해당 태그의 속성을 변경하는 목적으로 사용됩니다.

CSS파일을 따로 만들어도 되고, head태그안에 style태그로 내용을 적어줘도 됩니다.

 

 

6-2 tag 선택자

특정태그를 선택하여 CSS속성을 적용할 수 있습니다.

tag이름적고{}해서 그 tag에 style 적용한다. 내용 한 개면 ; 안붙여도 되지만 붙이는게 좋습니다.

 

 

6-3 * 선택자

전체라는 의미의 *선택자를 사용하면 문서 전체를 선택하는 의미가 있습니다.

*적고{}하면 모든 tag에 style 적용합니다.

 

 

6-4 전체와 특정태그의 혼합

같은 태그선택자면 뒤에 적힐수록 우선순위가 높습니다.

 

 

github.com/HoYoungChun/piro14/tree/master/%EC%9D%B8%ED%94%84%EB%9F%B0%20%EC%9D%B8%EA%B0%95

 

HoYoungChun/piro14

Contribute to HoYoungChun/piro14 development by creating an account on GitHub.

github.com

 

'웹개발 > [인프런] 실전 HTML & CSS' 카테고리의 다른 글

8강. CSS 기본 3  (0) 2020.12.30
7강. CSS 기본 2  (0) 2020.12.30
5강. HTML 기본 4  (0) 2020.12.30
4강. HTML 기본 3  (0) 2020.12.30
3강. HTML 기본 2  (0) 2020.12.30