简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > CSS 튜토리얼 > 본문

웹 프런트엔드 CSS 스타일 지식 포인트에 대한 자세한 소개

高洛峰
풀어 주다： 2017-03-27 17:58:34
원래의
1903명이 탐색했습니다.

1. CSS 스타일의 우선순위

HTML에서 CSS 스타일을 사용하는 방법에는 여러 가지가 있습니다

외부 참조 방법

에는 <head>에서 html을 직접 제어하는 ​​CSS를 작성하는 기능이 있습니다. 태그 스타일 설명

을 제어하려는 태그의 CSS에 직접 작성하여

우선순위를 제어할 수 있습니다.

브라우저 기본 스타일 최저

외부 참조 스타일 두 번째

헤드 태그 두 번째

제어하려는 태그의 우선 순위가 가장 높습니다

2. 선택자를 결합할 수 있습니다

h1 ,h2,h3,h4,h5{color:green}

중간에 기호를 사용하여 구분해야 통일된 스타일을 가질 수 있습니다

동일한 요소도 가능 그를 위해 지정됨 다양한 속성 예:

p.right{text-align:right}

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
css样式
원천：php.cn
이전 기사：CSS는 웹 네비게이션 바를 설정 다음 기사：HR 수평선을 정의하는 CSS 스타일 소개
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
9
1588
Width 속성을 추가하여 콘텐츠를 왼쪽으로 이동합니다. 나는 본문에 여백을 제공했습니다. main {left margin: 200px; right margin: 200px; text alignment: center} ...
에서 2024-04-06 22:01:35
0
3
816
React의 정렬 메서드에서 렌더링(필터 및 페이지 매김 사용)을 트리거하는 방법은 무엇입니까? 내 Sort.js 스타일 구성 요소는 다음과 같습니다. <SortWrapper><SortText>SortBy</SortText>&...
에서 2024-04-06 21:28:37
0
1
2257
Javafx에서 인라인 CSS 스타일을 동적으로 수정합니다. 응용프로그램이 최대화되었을 때 창의 배경 이미지를 변경하려고 합니다. 내 배경은 인라인 CSS를 사용하여 설정됩니다. 스타일에 대해 두 개의 다른 변수와 if 문...
에서 2024-04-06 20:57:16
0
1
487
MySQL SQL 쿼리를 사용하여 다른 테이블의 필드 합계를 계산합니다. 다음과 같은 스키마가 있습니다. "user_id" 및 "username" 속성이 있는 사용자 테이블과 "custome...
에서 2024-04-06 19:39:29
0
1
441
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！