> 웹 프론트엔드 > CSS 튜토리얼 > CSS의 문법적 내용

CSS의 문법적 내용

不言
풀어 주다: 2018-04-24 16:38:38
원래의
1506명이 탐색했습니다.

이 글은 특정 참조 가치가 있는 CSS의 문법적 내용을 주로 소개합니다. 이제 도움이 필요한 친구들이 참고할 수 있습니다.

1. CSS 소개
웹 페이지의 효과를 제어할 수 있습니다. , 글꼴 크기, 색상, 글꼴, 줄 간격, 단어 간격, 배경 이미지, 위치 지정, 배경 색상
2.css 쓰기 스타일 방법
1) 인라인 스타일

<b>默认效果</b><b style="color:#F00;">文字变为红色</b>
로그인 후 복사

참고: 인라인 스타일은 CSS 스타일 속성을 에 직접 씁니다. label, label은 해당 효과로 직접 변경됩니다
인라인 스타일에만 영향을 줍니다
2) 내부 스타일

<head><style type="test/css">b{color:#F00;}</style></head><body><b>变为红色了</b></body>
로그인 후 복사

내부 스타일은 HTML 페이지의 헤드 영역에 작성됩니다. 읽어서 해당 효과로 변경합니다.
현재 페이지 p에만 영향이 있습니다
3) 외부 스타일

<head><link rel="styleheet" href="css/new_filecss"/></head>
로그인 후 복사

외부 스타일 CSS는 독립적인 파일로 작성해야 합니다. HTML 페이지 헤드에 해당 요소를 HTML로 작성하고 외부 스타일로 작성된 CSS 스타일 효과를 호출하는 링크 코드

3. CSS 구문 작성
Css 작성은 주로 CSS 속성과 CSS 속성으로 구성됩니다. value

<b style="color:#F00;">文字变为红色</b>
로그인 후 복사

style은 스타일, color는 CSS 속성, #F00은 속성의 값입니다. 참고: with;

b{width:600px;height:60px;
}
로그인 후 복사

braces CSS 속성 및 CSS 스타일 래핑


위 내용은 CSS의 문법적 내용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿