도와 주세요.:계단식 스타일 시트

Help

계단식 스타일 시트를 사용하면 페이지 형식을 유연하게 지정할 수 있습니다.CSS가 템플릿을 통해 다른 페이지에 포함되어 있는 경우 독자가 조작하거나 작성자가 CSS를 무시할 수 있기 때문에 가능할 때마다 비표 형식 콘텐츠에 대한 테이블 대신 사용해야 합니다.

CSS 설정 수준

색상, 매개변수 범위와 같은 콘텐츠에 대해 스타일을 특별히 선택할 수 있습니다.

또는 CSS 선택기에 대한 스타일이 지정되어 요소, 클래스 및 ID로 표현됩니다.이 작업은 다양한 수준에서 수행됩니다.

작성자 스타일 시트, 다음 순서로:

참고: WP:CLASS 로드된 모든 스타일 시트의 목록입니다.

미디어위키 코어 스타일시트

피부당:MediaWiki 설명서:사용자 스타일의 갤러리 등일반적으로 로드되는 스타일 시트:

피부별 기본 파일

예: monobook/main.css(PC의 경우 일반 피부), chick/main.css(핸드헬드의 경우 일반 피부)

브라우저별 수정사항(피부별 수정사항도 있음)

모노북의 예:

사이트 전체 스타일시트

참고: 영어 위키백과 이외의 미디어위키 사이트에서 사용할 수 있습니다.MediaWiki:Gadget-site.cssMediaWiki 대신:Common.css.

페이지별 스타일시트

페이지별 스타일시트는 TemplateStyle을 통해 도입될 수 있습니다.페이지, 특히 템플릿에는 인라인 CSS가 있을 수도 있습니다.

일부 페이지에는 자체 CSS가 있습니다. 예를 들어 MediaWiki:FileUploadWizard.css

사용자별 스타일시트

CSS 용어에서 사용자별 스타일시트는 사용자 스타일시트가 아닙니다.

용도

HTML 요소는 위키텍스트(위키텍스트의 HTML 참조)에서 가져온 것일 수도 있습니다. 예를 들어, 범위 또는 위키텍스트를 번역한 결과입니다.'''...'''코드가 로 변경됨<b>...</b>또는 피부 코드의 일부입니다.

클래스는 HTML 요소 "body"에 대한 ns-namespace 번호, 페이지 본문의 인터위키 링크에 대한 extiw 등 소프트웨어에 의해 생성되거나 위키 텍스트에서 가져올 수 있습니다.

마찬가지로 ID는 소프트웨어(예: bodyContent)에 의해 생성되거나 위키텍스트에서 가져올 수 있습니다.

내용에 대한 스타일 설정이 충돌하는 경우, 결과 설정은 주로 "!important" 표시에 따라 달라집니다.두 번째로, 둘 다 중요한 경우 사용자가 승리하고, 둘 다 중요하지 않은 경우 작성자가 승리합니다.3차적으로 그것은 특수성에 달려 있습니다.마지막으로 스타일시트 간의 순서와 스타일시트 내의 순서에 따라 결정됩니다. 마지막 승리입니다.따라서 User:username/monobook.css는 MediaWiki:후자의 특수성이 더 큰 경우 Monobook.css(사용자가 아닌 작성자 모두).계단식을 참조하십시오.

지원되는 요소

MediaWiki는 url() 특성과 같은 예외를 제외하고 대부분의 CSS를 지원합니다.이전 버전에서는 CSS 지원에 몇 가지 버그가 있었습니다.

추가 정보: 계단식 스타일시트 레벨 2 리비전 1(CSS 2.1) 사양

위키텍스트의 CSS

코드의 HTML 요소에서 CSS 스타일링을 사용할 수 있습니다(도움말:일반 HTML 마크업에서와 같이 미디어위키)에서 지원하는 요소 목록에 대한 HTML을 wikitext로 표시합니다.

예를 들어, a<div>...</div>녹색 테두리를 가진 요소와 그 내용물이 오른쪽으로 떠다니는 것은 다음과 같이 만들어집니다.

<div style="div:right; border:thin solid green;"> 오른쪽에 뜬 "div" 요소에 포함된 짧은 단락이 여기에 나옵니다.</div>

여기 짧은 단락이 있습니다. 그것은
다음과 같은 "div" 요소에 포함됩니다.
오른쪽으로 떠 있었습니다.

오른쪽으로 상자가 나올 겁니다일부 위키텍스트 요소를 사용하면 CSS 스타일을 직접 삽입할 수 있습니다.예를 들어, 테이블 구문은 다음과 같습니다.

style="당신의 스타일 여기" - 당신의 테이블 물건 }
추가 정보:도움말: 테이블

MediaWiki 기존 스타일

MediaWiki 또는 방문 중인 사이트에서 이미 정의한 스타일 유형을 사용할 수 있습니다.또한 페이지에 고유한 스타일을 작성할 수 있습니다.

벡터는 기본 스타일이며 미디어위키에서 볼 수 있습니다.벡터.css

CSS 태그에 기존 "클래스"를 부여합니다.

기존 수업 목록을 여기에 넣어주세요.

팁 및 요령

표시 안 함

포함된 페이지에서 한 버전의 주석을 숨기고 다른 보기에 표시할 수 있습니다.텍스트에 대한 한 가지 극단적인 "스타일"은 텍스트를 표시하지 않는 것입니다.

.''학급명'' {과시하는: 없음.} #''이드'' {과시하는: 없음.}

기타.

표시되지 않는 링크는 매우 작은 글꼴의 링크와 달리 작동하지 않습니다.

템플릿 이름, 매개 변수 이름, 매개 변수 값, 링크의 페이지 이름 등에 대한 식에서 텍스트를 제거하는 데 사용할 수 없습니다.

숨겨진 텍스트를 보려면 여기에서 Firefox용 웹 개발자 도구 모음을 다운로드한 다음 Misc를 선택하십시오.해당 도구 모음에 숨겨진 요소를 표시합니다.숨겨진 요소가 모두 나타나게 됩니다.

비인쇄

콘텐츠가 "noprint" 클래스에 속한다고 선언함으로써 (브라우저가 CSS를 지원하는 경우) 콘텐츠를 인쇄에서 제외할 수 있습니다.

<div class="일부 클래스 인쇄 없음">인쇄 버전에는 나타나지 않습니다.</div>

주 스타일 블록

스타일 블록을 보여주는 예제 기사의 주석이 달린 바탕 화면 스크린샷
  • 열-내용 – 내용이 존재하는 여백 내의 전체 공간.
  • 첫 번째 제목 – 모든 페이지의 맨 위에 있는 제목 태그의 클래스
  • contentSub – 본문 텍스트 바로 아래에 있는 위키 이름
  • 내용 – 기본 페이지 내용이 들어 있는 흰색 배경의 얇은 테두리 상자입니다.
  • 본문 내용 – 내용 상자 내의 기본 페이지 내용

포틀렛 클래스는 기본 내용 주위의 모든 div 블록에서 사용되는 스타일입니다.해당 클래스를 사용하여 식별된 블록:

  • p-설명 – 기본 내용(페이지, 대화, 편집 등) 위의 페이지 관련 탭 목록에 대한 id입니다.
  • p-personal – 기본 콘텐츠(대화, 대화 등) 위의 사용자 관련 링크 목록에 대한 ID, 상단.
  • p-vlan – 왼쪽 위에 있는 로고가 들어 있는 블록의 ID입니다.
  • p-confirmation – 페이지 왼쪽에 있는 탐색 링크가 포함된 블록의 id
  • p-search – 검색 버튼이 포함된 블록
  • p-tb – 도구 상자 링크가 포함된 블록
  • p-links – 언어 간 링크를 포함하는 블록

페이지 하단의 바닥글에는 다음 ID를 가진 블록이 포함되어 있습니다.

  • 바닥글 – 전체 바닥글 컨테이너 블록
  • f-powered byico – 일반적으로 페이지 오른쪽에 있는 MediaWiki 이미지로 구동됩니다.
  • f-list – 페이지 하단의 모든 텍스트 비트를 포함하는 목록의 id

매개변수 또는 변수에 따른 스타일

변수 클래스 또는 ID

클래스 또는 ID는 템플릿에 의해 생성된 결과 또는 템플릿 매개 변수(예:class="abc{{{1 def}}}"가능한 클래스 이름 중 하나 이상에 대해 해당 클래스의 스타일을 정의할 수 있습니다.클래스가 정의되지 않은 경우 무시되므로 표준 스타일이 사용됩니다.

가장 단순한 경우에는 예를 들어,class="abc{{{1}}}"클래스 abcdef를 정의합니다.매개 변수 값이 "def"이면 적용됩니다.

일반적으로 사용되는 페이지가 특정 클래스에 대해 스타일을 정의할 때만 의미가 있다면 MediaWiki: 페이지에서 다음과 같이 지정해야 합니다.Common.css - 재정의되지 않는 한 모든 사용자와 모든 스킨에 적용됩니다.

변수 스타일 매개 변수 값

다음과 같은 위키텍스트

<span style="디스플레이:{{3none}}}"수요일</span>

매개 변수 3이 정의되었지만 값이 "없음"이 아닌 경우에는 "수"가 표시되고 매개 변수 3이 정의되지 않았거나 "없음"인 경우에는 아무 것도 표시되지 않습니다.매개변수 3의 값이 "없음"이 아닌 표시 스타일이면 해당 스타일이 적용됩니다.

위키 제목

위키 제목은 다음과 같은 기본 CSS를 사용합니다.

위키마크업 HTML 스타일.
= Heading = <h1> 
색.: #000000; 배경: 없음.; 넘쳐흐르는: 숨은; 페이지 나누기: 피하다; 글꼴 크기의: 1.8em; 서체족: '리눅스 리버틴',조지아 주,시대,세리프; 마진 톱의: 1em; 최저한도의: 0.25em; 선 높이: 1.3; 패딩: 0; 밑바닥부터 끝까지: 1개의 돈 단단한 #AAAAAA;
== Heading == <h2> 
색.: #000000; 배경: 없음.; 넘쳐흐르는: 숨은; 페이지 나누기: 피하다; 글꼴 크기의: 1.5em; 서체족: '리눅스 리버틴',조지아 주,시대,세리프; 마진 톱의: 1em; 최저한도의: 0.25em; 선 높이: 1.3; 패딩: 0; 밑바닥부터 끝까지: 1개의 돈 단단한 #AAAAAA;
=== Heading === <h3> 
색.: #000000; 배경: 없음.; 넘쳐흐르는: 숨은; 페이지 나누기: 피하다; 글꼴 크기의: 1.2em; 폰트급의: 대담한; 마진 톱의: 0.3em; 최저한도의: 0; 선 높이: 1.6; 패딩탑: 0.5em; 밑바닥의: 0;
==== Heading ==== <h4> 
색.: #000000; 배경: 없음.; 넘쳐흐르는: 숨은; 페이지 나누기: 피하다; 글꼴 크기의: 100%; 폰트급의: 대담한; 마진 톱의: 0.3em; 최저한도의: 0; 선 높이: 1.6; 패딩탑: 0.5em; 밑바닥의: 0;
===== Heading ===== <h5> 
색.: #000000; 배경: 없음.; 넘쳐흐르는: 숨은; 페이지 나누기: 피하다; 글꼴 크기의: 100%; 폰트급의: 대담한; 마진 톱의: 0.3em; 최저한도의: 0; 선 높이: 1.6; 패딩탑: 0.5em; 밑바닥의: 0;
====== Heading ====== <h6> 
색.: #000000; 배경: 없음.; 넘쳐흐르는: 숨은; 페이지 나누기: 피하다; 글꼴 크기의: 100%; 폰트급의: 대담한; 마진 톱의: 0.3em; 최저한도의: 0; 선 높이: 1.6; 패딩탑: 0.5em; 밑바닥의: 0;

참고 항목