웹 프런트엔드 CSS 스타일 지식 포인트에 대한 자세한 소개
- 高洛峰원래의
- 2017-03-27 17:58:341939검색
HTML에서 CSS 스타일을 사용하는 방법에는 여러 가지가 있습니다
외부 참조 방법
에는 <head>에서 html을 직접 제어하는 CSS를 작성하는 기능이 있습니다. 태그 스타일 설명
을 제어하려는 태그의 CSS에 직접 작성하여
우선순위를 제어할 수 있습니다.
브라우저 기본 스타일 최저
외부 참조 스타일 두 번째
헤드 태그 두 번째
제어하려는 태그의 우선 순위가 가장 높습니다
2. 선택자를 결합할 수 있습니다
h1 ,h2,h3,h4,h5{color:green}
중간에 기호를 사용하여 구분해야 통일된 스타일을 가질 수 있습니다
동일한 요소도 가능 그를 위해 지정됨 다양한 속성 예:
p.center{text-align:center}
위는 다음 html 문을 제어하는 CSS 스타일입니다.
html의 문은 다음과 같습니다.
이게 맞네요
이게 센터입니다
즉, P 요소에 서로 다른 값을 지정하면 클래스 이름을 통해 동일한 요소의 다양한 스타일을 제어할 수 있습니다.
3. CSS에 대한 브라우저 지원
이제 css3.0에는 많은 훌륭한 효과가 있지만 일부 브라우저는 IE와 같은 CSS 스타일을 잘 지원하지 않습니다
일부 css3.0 스타일은 IE9에서 지원되지 않습니다. 현재 우리가 사용하는 시스템은 일반적으로 IE7 8 9 브라우저입니다. 개발하기에는 너무 고통스럽습니다.
그러나 Firefox는 거의 모든 스타일을 지원할 정도로 강력합니다. Google도 훌륭한 브라우저이며 가장 빠르게 실행되어야 하며, 기본적으로 그것의 운명을 결정하는 IE 커널을 사용합니다. . 개발을 할 때 우리가 자주 사용하는 브라우저는 Firefox, Google, IE입니다. IE가 지원하지 않기 때문에 그냥 사용할 수는 없고, 호환성 디버깅을 위해 사용해야 합니다.
Firefox 의 firebug 플러그인은 프런트엔드에서 CSS 스타일 코드를 디버깅하는 데 사용할 수 있으며 자동으로 수정됩니다. 프런트엔드에서 페이지를 새로 고칠 때마다 CSS 스타일을 변경할 필요가 없습니다. 이를 통해 프런트 데스크의 업무 효율성이 향상됩니다.
위 내용은 웹 프런트엔드 CSS 스타일 지식 포인트에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!