멋진 CSS 프레임워크...
오늘 저는 CSS가 무엇이며 응용 프로그램의 전반적인 생성에서 CSS의 역할이 무엇인지 살펴보겠습니다. Cascading Style Sheets는 애플리케이션에 표시되는 시각적 표현을 설명하는 데 사용되는 기술입니다. CSS를 작성하고 구현하는 3가지 뚜렷한 방법이 있습니다.
인라인 CSS - 스타일을 적용할 HTML 요소의 본문에 CSS를 직접 작성할 때.
<!DOCTYPE html>
<html>
<head>
<title>Inline CSS</title>
</head>
<body>
<h1 style="color: blue; text-align: center">This is a heading</h1>
<p style="color: red">This is a paragraph.</p>
</body>
</html>
포함된 CSS - 스타일 요소에 css를 작성할 때 html 문서의 헤드에서 찾습니다.
<!DOCTYPE html>
<html>
<head>
<title>Embedded CSS</title>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
외부 CSS - HTML 파일에서 참조되는 단일 위치에 작성된 모든 CSS를 포함하는 스타일 시트 CSS 파일을 만들고 독립적으로 만드는 경우입니다.
<!DOCTYPE html>
<html>
<head>
<title>External CSS</title>
<link rel="stylesheet" href="mystyle.css" />
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
mystyle.css
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
원시 CSS를 학습하는 데 시간을 할애하는 것은 매우 힘들지만 보람 있고 유익한 작업이 될 수 있습니다. 기본적으로 CSS 규칙의 창의적인 구현을 통해 상상할 수 있는 모든 작업을 응용 프로그램에 적용할 수 있습니다. CSS 규칙의 미묘한 뉘앙스에 익숙해지거나 숙달되는 것은 매우 시간이 많이 걸리는 작업이 될 수 있습니다. 이 프로세스를 간소화하고 사용자에게 웹 페이지 스타일링을 위한 보다 세련된 경로를 제공하기 위해 모범 사례와 미리 만들어진 스타일링 조합 및 기능이 포함된 FrameWorks가 만들어졌습니다.
서로 다른 상황에서 사용되는 서로 다른 범주로 구분된 여러 CSS 프레임워크가 있습니다.
기본/재설정/정상화
무급
매우 가벼움
범용
머티리얼 디자인
유틸리티 기반
특화
Reference
이 문제에 관하여(멋진 CSS 프레임워크...), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/dow2/awesome-css-frameworks-18po텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
