CSS_CSS/HTML 사용 경험

1. CSS 관리

개인적으로는 그게 더 중요하다고 생각하는데 온라인에서는 이 부분에 대해 이야기하는 사람이 상대적으로 적은 것 같아요

잘 관리하면 CSS를 호출하고 정의할 때 많은 시간과 노력을 절약할 수 있습니다

다음은 제가 축적한 일부입니다

첫 번째는 CSS를 외부에서 가져오거나 링크해야 하는 이유입니다

웹페이지는 페이지가 많기 때문에 CSS를 많이 사용하게 됩니다(몇몇 CSS가 반복되기도 합니다). 각 페이지를 별도로 정의할 경우 index 아래의 이미지 폴더에서 CSS를 관리하는 방법은 다음과 같습니다. 폴더가 같은 레벨에 있어서 호출 및 관리가 쉽습니다

웹사이트를 만들기 시작하면 대부분 PS에 평면도가 있는데, 이때 CSS와 같은 부분을 미리 명확히 할 수 있습니다

예: 하단, 본문

홈페이지에 a, b, c 세 가지 스타일이 나타난다고 가정해보세요

및

도 하위 페이지에 표시됩니다.

그런 다음 홈 페이지에서 먼저 a를 정의한 다음 a에서 b와 c를 정의하면 CSS 폴더에 a만 나타납니다

그런데 서브 페이지에서 a를 import하면 a, b, c를 보고 순서대로 적용할 수 있습니다

그런 다음 한 페이지에 여러 하이퍼링크 스타일을 정의하세요

a:링크

a:방문했습니다

a:hover

b:링크

b:방문했습니다

b:호버

앞쪽만 교체하면 OK

단, CSS를 사용하지 않도록 주의하고, 123과 같이 이름에 숫자를 사용하지 말고, ss12와 같이 숫자와 문자의 조합을 사용하지 마세요.

숫자를 사용해도 괜찮지만 DW에서는 기본 방식으로 표시되기 때문에 최종 웹 페이지에서의 효과는 동일하지만 DW에서는 많이 지저분해 보이기 때문에... ...그게 낫습니다. 순수한 문자로 이름을 지정하세요

3, 행 높이 정도

일반적으로 사용되는 설정은 픽셀과 %입니다

하지만 %를 사용하여 설정하는 것이 가장 좋습니다.

DW에 표시되는 픽셀이 온라인 페이지의 픽셀과 약간 다르기 때문에

% 설정은 웹페이지와 동일합니다

사진만 봐도 알 수 있어요