Dev study and notes

CSS 개요 및 HTML5 요소 / 용어 해설 - CSS Overview & HTML5 Elements - CAD101-7 본문

studyLog

CSS 개요 및 HTML5 요소 / 용어 해설 - CSS Overview & HTML5 Elements - CAD101-7

devlunch4 2024. 5. 28. 03:22
반응형

CSS 개요 및 HTML5 요소 / 용어 해설 - CSS Overview & HTML5 Elements - CAD101-7

안녕하세요 데브런치입니다.

웹개발에 사용하는 언어인 CSS와 HTML을 복습해보고 있는데요.

CSS에서 사용되는 용어, 웹개발에서 사용하는 용어 몇가지를 정리 기록을 남겨봅니다.

컴포넌트 프레임워크, CSS (Cascading Style Sheets), 고정 레이아웃, 유동 레이아웃, 유틸리티 프레임워크의 원어(영어)와 뜻을 알아보았습니다.

 

CSS 개요 및 HTML5 요소 / 용어 해설

*국문

용어 해설 CSS 개요 및 HTML5 요소

용어
정의
Component Framework
구성 요소 프레임워크는 모든 웹 사이트에 쉽게 추가할 수 있는 미리 스타일이 지정된 구성 요소와 템플릿을 제공합니다.
CSS
"캐스케이딩 스타일 시트(Cascading Style Sheet)"는 HTML 요소가 표시되는 방식을 설명하는 스타일 시트 언어입니다. HTML 웹페이지 상단에 겹쳐지는 디자인입니다.
Fixed Layout
고정 레이아웃은 요소의 높이와 너비를 지정하는 레이아웃이며, 해당 값은 웹 사이트에 액세스하는 데 사용하는 운영 체제나 브라우저에 관계없이 동일하게 유지됩니다.
Fluid Layout
유동 레이아웃은 요소의 높이와 너비가 유연하고 브라우저 창, 운영 체제 및 기타 사용자 기본 설정에 따라 확장되거나 축소될 수 있는 레이아웃입니다.
Utility Framework
유틸리티 프레임워크는 HTML 파일에서 사용자 정의 디자인을 구축하는 데 도움이 되는 개별 CSS 속성으로 범위가 지정된 유틸리티 클래스를 제공합니다.

*영문

Glossary: CSS Overview & HTML5 Elements

Term
Definition
Component Framework
Component frameworks provide pre-styled components and templates which are easy to add to any website.
CSS
"Cascading Style Sheet"s is a style sheet language that describes how HTML elements are displayed​. It is the design that is layered over the top of an HTML web page​.
Fixed Layout
A fixed layout is a layout where ​you specify the height and width of elements, and those values remain the same regardless of which operating system or browser you use to access the website.
Fluid Layout
A fluid layout is a layout in which ​the height and width of elements is flexible ​and can expand or contract based on the browser window, the operating system, and other user preferences.
Utility Framework
The utility framework provides utility classes that are scoped to individual CSS properties, which helps in building custom designs in HTML files.

적은 수의 용어이지만 웹개발 언어에서 주로 사용하고 자주 사용하는 용어네요.

다시 되짚어보니 처음 개발자 교육을 받을 때가 생각나네요. 기분이 좋습니다.

끝!

반응형
Comments