HTML과 CSS

제가 초반 시작을 HTML과 CSS로 입문한지 벌써 한...두달정도 지난 것 같습니다.

 

글 몇줄 치면 뭐가 슉 하고 나오는게 너무 재밌었는데

CSS조차도 내말은잘안듣지만

 

제가 C언어로 공부를 시작했다면 아마 피똥을 쌌겠지요

 

현재는 자바스크립트와 관련한 여러 라이브러리 등등

다른 공부들을 따로 열심히 하고있어서

상대적으로 HTML과 CSS에 대해서 소홀해진 것 같아서 초심으로 돌아가서 복습을 해야겠습니다

 

---

 

HTML이란?

Hyper Text Markup Language (하이퍼 텍스트 마크업 언어)

웹 페이지를 위해 개발된 '마크업 언어' 라고 함

'웹의 아버지'라고 불리는 팀 버너스리 아저씨가 만들었음

 

마크업 언어가 뭐지? 

태그를 이용해서 문서나 데이터를 기술한 일종의 언어로

프로그래밍 언어랑 다르다

HTML, XML 등이 있음

쉬워보인다고 우쭐해하면안됨

그래서 어디가서 HTML 좀 다룬다고 프로그래밍한다고하면 안됩니다

저도 극초반에는 이걸 쫌 만지니까 뭔가 진짜 멋있는거 하는거같고 막 크게 오해를 했었는데 참 부끄럽습니다

 

생각해보니 중학교때 img src 태그도 많이 썼었는데

무의식적으로 이거 조금 할 줄은 아는거였음

 

 

CSS란?

HTML을 꾸며주는 역할을 합니다

Cascading Style Sheets (캐스케이딩 스타일 시트)

HTML을 시각적으로 꾸며주는 역할을 한다.

 

참고로 CSS는 프로그래밍 언어도 아니고 마크업 언어도 아니며

스타일 시트 언어임

 

그니까 HTML+CSS는 쌩판 다른 언어였던거고

Javascript부터 이제 프로그래밍 언어가 맞음

 

근데 프로그래밍 언어가 아니라고 무시할수가 없습니다

막상 해보면 생각보다 말을 잘 안들음;;

 

 

그리고 CSS는 이름 자체에 매우 중요한 특징 하나가 있습니다

'Cascading'

'위에서 아래로 흐르는'

 

스타일 시트였던 것

 

이부분은 내용이 많아서 나중에 따로 기록할거임

새벽 3시 반부터 눈뜨고 공부하고 집와서 잠을 한숨도 못자고 글쓰고있었는데 조만간 쓰러질듯

 

 

힘드니까 기록했었던 노션 정리 링크를 첨부합니다

 

https://www.notion.so/codestudynote/2-html-CSS-cffaa44d95f640e4874a068c8c5277b6?pvs=4

맨 아래 '선택자의 우선순위' 파트가 바로 그것

 

 

 

CSS 특징

• HTML과 XML에서 사용가능
• 레이아웃과 스타일 정의의 자유도가 높음

CSS 쓰는 이유

내용을 그대로 가져가면서 구조와 표현을 분리해서 모양을 바꿀 수 있기 때문에 (디자인이 가능)