Frontend
-
서론 글 1. CSS 사용방법 HTML 파일에 HTML 코드와 CSS 코드를 같이 넣음. head태그(header아님) 안의 style태그 넣어서 CSS 코드 사용 HTML 코드와 CSS 코드 분리. head태그 안의 link 태그 사용 => 1-1. CSS 구조 - HTML의 어떤 태그를 가리키고 CSS로 잡아와서 속성을 부여. - 셀렉터 { 속성(프러퍼티); } - ex) h1 { color : blue; font-size : 20px } - CSS(Cascading Style Sheet) : Cascading은 작은 폭포 => 위에서 아래로 차례로 적용됨. - ex) inline CSS와 external CSS 모두 같은 태그 같은 속성을 가리킬 경우 결과는 inline CSS! => 이유는 inl..
CSS 총정리서론 글 1. CSS 사용방법 HTML 파일에 HTML 코드와 CSS 코드를 같이 넣음. head태그(header아님) 안의 style태그 넣어서 CSS 코드 사용 HTML 코드와 CSS 코드 분리. head태그 안의 link 태그 사용 => 1-1. CSS 구조 - HTML의 어떤 태그를 가리키고 CSS로 잡아와서 속성을 부여. - 셀렉터 { 속성(프러퍼티); } - ex) h1 { color : blue; font-size : 20px } - CSS(Cascading Style Sheet) : Cascading은 작은 폭포 => 위에서 아래로 차례로 적용됨. - ex) inline CSS와 external CSS 모두 같은 태그 같은 속성을 가리킬 경우 결과는 inline CSS! => 이유는 inl..
2022.03.20 -
HTML, CSS, Javascript를 항상 배우고 나서 정리를 하지 않아 자주 잊어버리곤 했습니다. 그래서 이번 기회에 블로그에 정리하면서 머릿속에 새겨보도록 하겠습니다. [한 눈에 끝내는 HTML5/CSS3] 내용과 더불어 실제로 코드를 작성하다가 새로운 부분이 생긴다면 지속적으로 업데이트 하도록 해보겠습니다. 1. HTML 기초 - HTML(Hypertext Markup Language) : 컨텐츠의 구조를 정의하는 마크업언어로, 컨텐츠(내용)에 태그(마크)를 씌어 구조를 구분하여 정의함. - HTML요소 : 시작태그와 종료태그, 컨텐츠로 구성 컨텐츠 - 컨텐츠마다 앞뒤로 시작 태그와 종료 태그가 작성되어 있어 각 컨텐츠가 어떤 역할을 수행하는지 구분 가능. 바로 실행해보면서 배우는 HTML5/C..
[한 눈에 끝내는 HTML5/CSS3] HTML 기초 태그 정리HTML, CSS, Javascript를 항상 배우고 나서 정리를 하지 않아 자주 잊어버리곤 했습니다. 그래서 이번 기회에 블로그에 정리하면서 머릿속에 새겨보도록 하겠습니다. [한 눈에 끝내는 HTML5/CSS3] 내용과 더불어 실제로 코드를 작성하다가 새로운 부분이 생긴다면 지속적으로 업데이트 하도록 해보겠습니다. 1. HTML 기초 - HTML(Hypertext Markup Language) : 컨텐츠의 구조를 정의하는 마크업언어로, 컨텐츠(내용)에 태그(마크)를 씌어 구조를 구분하여 정의함. - HTML요소 : 시작태그와 종료태그, 컨텐츠로 구성 컨텐츠 - 컨텐츠마다 앞뒤로 시작 태그와 종료 태그가 작성되어 있어 각 컨텐츠가 어떤 역할을 수행하는지 구분 가능. 바로 실행해보면서 배우는 HTML5/C..
2021.08.21