2. text에 CSS 적용하기

1. twine -> story format을 누르면 여러가지 story format중 선택할 수 있다.

일단 기본으로 셋팅된 걸 기준으로 진행하니 굳이 다른걸 선택할 필요는 없다.

 

 

 

2. Passage 각각에 CSS를 적용하는 방법

 

tag 기능을 사용하면 된다.

 

먼저 자신이 사용하고 싶은 스타일을 CSS의 property 처럼 저장해야한다.

 

Stylesheet 버튼을 누르면 story stylesheet 창이 열린다.

 

 

대괄호 없이 tw-passage 만 쓰면 twine의 passage에 모두 적용됨을 의미한다.

이 옆에 대괄호화 함께 tag 이름을 넣을 경우 passage 중 해당 tag(css)를 가지고 있는 passage 에게만 적용해준다.

 

즉 passage 전부에 적용하려면 tw-passage{ font-size : 20px;} 이런 식으로 써도 된다는 뜻.

 

이후 tags=”” 안에 tag 이름(아마도 css의 이름이 될 것.) 을 써주고 {}안에 css를 넣어준다.

 

 

tag를 누르고 tag Name에 만들어둔 태그이 이름을 써준다. 이후 add로 해당 passage에 태그를 추가해주면.

 

이런 식으로 적용이 된 것을 볼 수 있다.

 

+태그명을 대문자로 짓지 말라는 말이 있다.

 

 

 

3. 버튼 css 바꾸기

 

tw-link {} 안에 css를 추가하면 된다.

 

 

 

4. hover와 같은 상태를 css로 변경하기

 

아래와 같이 마우스를 올리면 초록색으로 변한다.

 

 

 

5. text font 변경하기

css와 똑같이 font-family를 사용하면 된다.

 

passage에 적용한다.

 

폰트 크기 등등도 마찬가지이다.