웹 프로그래밍(풀스택)

[코스설계] Front-End 윤지수

http://www.boostcourse.org/web316/notice/2469

부스트코스 교수자 2020.03.09

아래의 글은 BOOSTER 서포터즈로 활동하고 ETERNELNA***님이
작성한 부스트코스 후기입니다.
여러분들의 성원에 더 노력하는 부스트코스가 되겠습니다.
감사합니다.
******************************************

1)링크:https://blog.naver.com/eternelete/221799116956

2)작성 날짜: 20/02/06

(본문 내용)

이전 포스팅에 이어 'CSS'

[부스터2기] 웹 프로그래밍 기초(HTML)

내용이 꽤 많고 진도가 굉장히 빠른 것 같다!이런 경우에 빠지는 내용이 많다거나 하는 경우도 많은데,역시...

blog.naver.com

CSS

HTML로 웹의 골격을 생성했다면, CSS는 디자인적 요소를 더해주는 역할

간단히 말해 웹 페이지의 스타일을 정의하는 데 사용된다.

디자인, 레이아웃 면형 등등

#CSS

CSS를 이용하면 아래와 같은 페이지를

이렇게 다양하게 바꾸는 것이 가능해 진다!

CSS Selector_선택자

선택자는 이름처럼 아래의 그림처럼 특정한 html tag를 '선택할 때' 쓰인다

선택자의 형식은 이렇다!

html에서 css를 적용하는 방법은 아래와 같이 3가지가 있다

· 외부 스타일 시트(External Style Sheet)

· 내부 스타일 시트(Internal Style Sheet)

· HTML태그내에 스타일 지정(Inline Styles)

내부 스타일 시트

코드는 이런식으로 ~.~

참고로 선택자를 쓸때는 ',(쉼표)'를 써서 여러개를 한 번에 쓸 수 있다

(=여러 태그에 동일한 스타일을 적용할 수 있다)

id와 class는 위와 같은 차이가 있기 때문에 쓰임새에 맞게 잘 설정해 주면 좋다

id를 선택할 때는 " #id이름 "

class를 선택할 때는 " .class이름 "

본 게시물은 부스트 코스-웹 프로그래밍 강의의 '웹 프로그래밍-css'를 수강한 후 쓴 글입니다.

[출처] [부스터2기] 웹 프로그래밍 기초(CSS)|작성자 ETERNELNATSU

******************************************