스타일러스 편집하기 (부분)

=== 사용 방법 ===
사용하는 브라우저(크롬or파폭)의 스타일러스 확장기능을 설치하여 [[CSS]]코드를 직접 만들거나 다른 유저가 제작한걸 설치하면 된다.<br>코드를 직접 만들경우
*1. 리디자인하고싶은 웹사이트에서 CSS검사기(Ctrl+Shift+C or 우클릭-요소검사)를 열어 편집할 코드를 복사한다.<ref>파폭의 경우 검사기-규칙 우측 <code>인라인:(숫자)</code>는 스타일러스에서 적용한것.(하지만 낮은숫자인경우 해당 사이트에서 적용한 경우가 많다)</ref>
*2. 스타일러스 아이콘 클릭 - (새로 만드는 경우) '적용대상URL' 클릭 or '관리'-'새 스타일 작성'('as Usercss'체크필요) 클릭. (재편집 할 경우) 이름 우클릭.(혹은 연필모양 단추 클릭)
ㄴ'as Usercss'체크 안하고 만들경우 용량이 클수록 속도가 매우느리고 파폭의 구글 등 일부사이트에서 스타일러스가 저절로 해제되는 버그가 발생하므로 반드시 체크하고 만들어야한다. 체크한 경우 document url의 ()안에 양쪽끝에 따옴표(')가 있어야 적용된다.
*3. 복사한 코드를 '스타일 수정' 편집창에 붙여넣기<ref>코드가 많아 로딩이 오래걸리는 상탱에서 스타일러스 창을 열자마자 붙여넣기하면 코드가 중복 추가되는 버그현상이 있다. 그레서 마지막 섹션 제목에 마지막 섹션 번호를 적어서 중복복사되었느지 확인 필요.</ref>하고 코드 맨 뒷자리에 <code>!important</code> 붙이기. (해당 사이트 html 요소에 !important가 없거나 경로가 같거나 더 복잡하거나 새로운 코드인 경우는 붙일필요없다)
*4. 적용 대상에 URL지정 - 이름 지정<ref>'적용대상URL'을 클릭한 경우 URL과 이름이 자동으로 만들어져서 편리하다. 일치하는 URL을 적용시키고 싶다면 그냥 'URL'을 선택하고 URL주소 뒤에 사선(/)을 넣어야 인식된다.</ref> - 저장(Ctrl+S).
:웹사이트마다 HTML 요소가 많이 다르기 때문에 이런 경우 각 웹사이트마다 따로 만들어서 적용해야 한다.(아래 적용 예시 참조)<br>또한 웹사이트가 업데이트되면서 일부 요소가 바뀌는데 스타일러스에서 적용한 일부 코드가 적용이 안되거나 문제가 생기는 경우가 있어서 이럴경우 다시 수정해야 한다. (특히 유튜브,트위터,네이버가 자주 바뀌고 남간,다음,11st등도 가끔 바뀜)<br><br>

*특정사이트에서 문제가 생길경우 스타일러스를 비활성화 시키면 되는데 단축키 설정을 통해 쉽게 활성화/비활성화 가능하다. 추천:Alt+Z
※주의: 크롬,엣지에서 단축키 설정할때 단축키 우측은 선택항목은 손대지말것.(그 선택항목에서 전체/글로벌 선택시 오히려 다른 브라우저에서 해당 단축키 안먹힘)
:옵션에서 단축키를 크롬은 F1~F12,단일 단축키 적용불가고 Ctrl,Alt,Shift와 영숫자 조합으로 설정가능. 파폭은 <code>F1</code><ref>F입력후 숫자 1을 입력하면 된다.</ref>(파폭은 크롬과 다르게 <code>Alt+Z</code>이런식으로 입력해도 적용 불가능..)

*Edior settings: 코드가 많을경우 코드편집시 속도가 느려질수잇으므로 모두 체크해제하는걸 추천한다.