개발관련/HTML&CSS

HTML과 CSS

2023. 2. 13. 21:10
목차
  1. HTML이란?
  2. 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 쓰는 이유

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

 

'개발관련 > HTML&CSS' 카테고리의 다른 글

CSS, SCSS, Styled-components 다 써보고 후기  (0) 2023.04.09
[CSS] 마우스 드래그 할 때 생기는 파란 영역 없애기  (2) 2023.03.30
[CSS] HTML 컬러 이름과 코드 (사이트 추천)  (0) 2023.02.14
  1. HTML이란?
  2. CSS란?
'개발관련/HTML&CSS' 카테고리의 다른 글
  • CSS, SCSS, Styled-components 다 써보고 후기
  • [CSS] 마우스 드래그 할 때 생기는 파란 영역 없애기
  • [CSS] HTML 컬러 이름과 코드 (사이트 추천)
demi_iii
demi_iii
이것저것 기록하고 있습니다
개발공부기억장치이것저것 기록하고 있습니다
demi_iii
개발공부기억장치
demi_iii
전체
오늘
어제
  • 카테고리 (43)
    • 개발관련 (23)
      • HTML&CSS (4)
      • JavaScript (11)
      • TypeScript (1)
      • React (1)
      • Vue (1)
      • Figma (1)
      • 용어정리 (1)
      • Git & Github (2)
      • 기타등등 (1)
    • 이것저것 (20)
      • 일상 (13)
      • 생각 (1)
      • 도전 (6)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 자바스크립트
  • GIT
  • 깃허브
  • 일상
  • 프로그래머스
  • 프로젝트
  • programmers
  • Lv.0
  • gsap
  • 코딩
  • ES6
  • vscode
  • css
  • html
  • 공부
  • 타입스크립트
  • javascript
  • React
  • 코딩테스트
  • github

최근 댓글

최근 글

hELLO · Designed By 정상우.
demi_iii
HTML과 CSS
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.