비디오: 150909체크발판 2024
캐스 케이 딩 스타일 시트 (CSS)는 매우 정교 할 수 있습니다. CSS는 컨텐츠와 룩앤필을 분리하는 방법입니다. 이러한 스타일 규칙은 HTML 페이지의 머리 부분이나 HTML 페이지에 링크 된 별도의 파일에 배치되는 경우가 많습니다 (SharePoint 2010의 경우 주로 마스터 페이지 임).
여러 문자를 입력하는 한 전체 사이트의 하이퍼 링크 색상을 변경할 수 있습니다!
H1 (제목 1)과 같은 특정 HTML 요소에 대해 스타일을 만들 수 있습니다. 이러한 스타일은 컨텐츠에서 해당 요소가 사용될 때 자동으로 적용됩니다. 같은 사용자 정의 스타일. mystyleheader는 원하는대로 구체적으로 적용됩니다. CSS는 글꼴, 배경, 크기 및 위치 지정 및 브라우저에 대한 기타 많은 시각적 지침에 사용됩니다. 브라우저에는 이미 텍스트와 헤더를 표시하는 기본 방법이 있습니다.
CSS 규칙은 요소와 하나 이상의 설명자를 포함합니다. 요소는 원하는대로 적용 할 수있는 HTML 요소 또는 사용자 정의 (클래스) 스타일 일 수 있습니다.
-
HTML 요소: 이 HTML 요소 예제의 속성 설명자에는 텍스트의 색상, 글꼴 스타일, 글꼴 크기, 및 폰트 패밀리 (자명하다).
h1 {색상: 적색; 글꼴 스타일: 굵게; 글꼴 크기: 16px; font-family: arial;}
-
사용자 정의 클래스 스타일: 사용자 정의 규칙은 CSS에 몇 가지 바로 가기 형식이 있다는 점을 제외하고는 동일합니다.
. mystyleheader {color: red; font: bold 16px arial;}
이전 CSS 규칙에 표시된 HTML 요소 및 클래스를 선택자 라고합니다. 셀렉터에 정의 된 규칙은 HTML 요소 또는 사용자 정의 클래스와 일치하는 웹 페이지의 모든 항목에 적용됩니다. 여기에 표시된 예는 매우 간단합니다. 선택자는 웹 페이지에 깊이 중첩 된 요소에 규칙을 적용해야 할 때 매우 복잡 할 수 있습니다.
SharePoint에는 수천 개의 CSS 규칙이 있으며 이러한 미리 정의 된 스타일을 재정의하기 위해 자신 만의 스타일을 찾고 파악하고 작성하는 데 인내와 경험이 필요합니다.
반면에, 두 개의 글꼴 크기, 상단 네비게이션의 배경 이미지, 로고 및 / 또는 왼쪽 네비게이션의 모양을 변경하려면 다음과 연관된 스타일 시트를 복사 할 수 있습니다. 미리 정의 된 마스터와 그 몇 가지 항목을 수정하십시오.
. 앞의 목록에 mystyleheader 클래스가 표시되어 HTML 요소와 사용자 정의 클래스 스타일 간의 차이점을 쉽게 정의 할 수 있습니다. SharePoint에서 사용하고 사용자가 만든 클래스 이름은보다 의미있는 이름을 갖습니다.
자신 만의 스타일 이름을 만들 때 스타일을 명명하는 것처럼 유혹합니다.redlink 또는. blueheading, 여러 위치에서 스타일을 적용하자마자 팀은 색상을 변경하고 싶어합니다! 색상이나 속성이 아닌 내용 의도에 따라 요소를 설명하십시오.
핵심 부분 4. SharePoint의 css 파일