>  기사  >  웹 프론트엔드  >  CSS를 만드는 방법? CSS 단계 프로세스 생성

CSS를 만드는 방법? CSS 단계 프로세스 생성

云罗郡主
云罗郡主원래의
2018-11-05 15:58:289132검색

캐스케이딩 스타일 시트(CSS)는 디자이너가 특정 요소를 할당하여 조작할 수 있도록 하는 웹사이트 코딩에 사용되는 시스템입니다. 예를 들어, 웹사이트 배경 코드를 사용하면 디자이너는 CSS 파일을 한 번만 변경해도 웹사이트의 모든 페이지에서 배경색이나 이미지를 변경할 수 있습니다. 기본 웹사이트용 CSS를 만드는 방법은 다음과 같습니다.

CSS를 만드는 방법? CSS 단계 프로세스 생성

One: 인라인 CSS 작성

1. src 및 href 속성에 대한 HTML 태그를 기본적으로 이해하고 몇 가지 기본 CSS 속성을 이해해야 합니다. 많은 부동산이 있다는 것을 알게 될 것입니다. 그러나 이를 모두 배울 필요는 없습니다. 몇 가지 좋은 기본 CSS 속성으로는 color 및 글꼴 계열이 있으며, 때로는 red 값과 styleHTML 속성을 배치할 수도 있습니다. href 또는 src와 같은 요소에서 src를 사용합니다. 이를 사용하려면 등호 뒤의 따옴표 안에 CSS 속성, 콜론, 속성 값을 배치합니다. 이것을 CSS 규칙이라고 합니다.

많은 전문 웹 개발자는 일반적으로 웹 사이트에 인라인 CSS를 사용하지 않습니다. 인라인 CSS는 HTML 문서에 불필요한 혼란을 추가할 수 있습니다.

둘: 기본 CSS 작성

1. 사용하려는 코드를 시작하고 먼저 HTML 및 CSS 파일을 만듭니다. 특별한 프로그램이 설치되어 있지 않다면 메모장이나 다른 텍스트 편집기를 사용해도 됩니다. 파일을 텍스트 파일과 CSS 파일로 저장하고 HTML 헤더에

HTML 파일 대신 CSS 파일을 생성하고 .css 확장자로 저장하세요. HTML 헤더에 태그를 만듭니다. 이렇게 하면 별도의 CSS 파일을 HTML 문서에 연결할 수 있습니다. 링크 태그에는 rel, type 및 href의 세 가지 속성이 필요합니다. rel은 "관계"를 의미하며 브라우저에 HTML 문서와의 관계를 알려줍니다. 여기에 "스타일시트" 값이 있어야 합니다. type은 링크의 파일 유형을 알려줍니다. 여기에 "text/css" 값이 있어야 합니다.

href는 요소에서 사용되는 방식과 비슷한 방식으로 사용되지만 여기서는 CSS 파일에 연결되어야 합니다. CSS 파일이 HTML 파일과 같은 폴더에 있으면 파일 이름을 따옴표로 묶어서 작성하면 됩니다. 동일한 스타일을 추가하려면 다양한 유형의 요소를 선택하세요. 이러한 요소에 클래스 특성을 추가하고 원하는 클래스 이름으로 설정합니다. 이렇게 하면 요소에 동일한 스타일이 적용됩니다.

위는 CSS를 생성하는 방법에 대한 것입니다. CSS 작성의 단계별 프로세스에 대한 전체 소개입니다. CSS3 Tutorial에 대해 더 알고 싶다면 PHP 중국어 웹사이트에 주목하세요.


위 내용은 CSS를 만드는 방법? CSS 단계 프로세스 생성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.