>  기사  >  웹 프론트엔드  >  CSS 스타일 작성 형식의 자세한 예

CSS 스타일 작성 형식의 자세한 예

高洛峰
高洛峰원래의
2017-03-04 10:38:322103검색

CSS에는 세 가지 쓰기 형식이 있습니다

인라인 스타일: 는 인라인 쓰기 스타일을 의미합니다

예를 들어 6461c6dfca0a6eeeab98debb3c9d2399인라인 스타일로 내 색상 쓰기94b3e26ee717c64999d7867364b1b4a3

는 6c04bd5ca3fcae76e30b72ad730ca86d(글꼴 색상 및 배경색) 및 6c04bd5ca3fcae76e30b72ad730ca86d 내부의 태그에만 작동합니다. ;, 그러나 머리글, 제목 및 기타 태그와 같은 6c04bd5ca3fcae76e30b72ad730ca86d 외부 태그에는 적용되지 않습니다.

인라인 스타일 : 스타일을 사용하여 모든 스타일 제거 스타일에.

예:

<head>

<style>

p{   

color:red;   

background:blue;   

border:1px solid green;   

}   

</style>

</head>

<body>

<p>用内嵌方式编写我的样式</p>

</body>

외부 링크 스타일 : 인기 있는 점은 링크 스타일을 사용하여 외부 .css 파일에 연결하는 외부 스타일입니다. .

예:

<head>

  <link style="stylesheet" href="class.css" type="text/css" />

</head>

예, 매우 간단합니다. CSS 스타일을 다른 .css 텍스트에 작성한 다음 페이지에 링크하기만 하면 됩니다. 스타일은 에 표시되지만, 파일 경로에 꼭 주의하세요! ! ! 경로가 틀려도 괜찮습니다.

개인적으로 CSS와 레이아웃 코드를 분리한 외부 스타일을 사용하는 것이 코드 편집이 가능하고 로딩 속도가 빨라지는 것을 권장합니다.

위의 CSS 스타일 인용 작성 형식에 대한 자세한 설명은 모두 편집자가 공유한 내용이므로 참고가 되기를 바라며, PHP 중국어 홈페이지에 많은 지원 부탁드립니다.

CSS 스타일 작성 형식에 대한 자세한 예시와 관련 글은 PHP 중국어 홈페이지를 참고해주세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.