CSS 구문

CSS 구문

CSS 규칙은 두 가지 주요 부분, 즉 선택자와 하나 이상의 선언으로 구성됩니다.

선택자는 일반적으로 HTML을 변경하는 데 필요한 스타일입니다. 요소.

각 선언은 속성과 값으로 구성됩니다.

속성은 설정하려는 스타일 속성입니다. 각 속성에는 값이 있습니다. 속성과 값은 콜론으로 구분됩니다.

CSS 예제

CSS 선언은 항상 세미콜론(;)으로 끝나고 선언 그룹은 중괄호({}):

p {color:red ;text -align:center;}

CSS를 더 읽기 쉽게 만들기 위해 한 줄에 하나의 속성만 설명할 수 있습니다:

예

       <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
    <style>
        p
        {
            color: #ff122b;
            text-align:center;
        }
    </style>
</head>

<body>
<p>Hello World!</p>
<p>这一段是用CSS样式化。</p>
</body>
</html>

위 CSS 스타일은

레이블 색상은 다음과 같이 설정됩니다. #ff122b, 텍스트가 중앙에 있습니다.

프로그램을 실행하고 사용해 보세요.

CSS 댓글

댓글은 코드를 설명하는 데 사용되며 마음대로 편집할 수 있으며 브라우저는 이를 무시합니다.

CSS 주석은 "/*"로 시작하고 "*/"로 끝납니다. 예는 다음과 같습니다:

/*이것은 주석입니다*/
p
{
text-align:center;
/*이것은 또 다른 댓글 */
color:black;
font-family:arial;
}

예제 더 보기

Instance 1

       <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>    <style>
        body {background-color:#8cd6ff;}
        h1   {font-size:36px;}
        h2   {color:blue;}
        p    {margin-left:50px;}
    </style>
</head>

<body>

<h1>这个头是36 pt</h1>
<h2>这个头是蓝色的</h2>

<p>这一段有一个50像素的左边框</p>

</body>
</html>

프로그램을 실행해서 사용해 보세요

Instance 2

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        body {background-color:tan;}
        h1   {color:maroon;font-size:20pt;}
        hr   {color:navy;}
        p    {font-size:11pt;margin-left:15px;}
        a:link    {color:green;}
        a:visited {color:yellow;}
        a:hover   {color:black;}
        a:active  {color:blue;}
    </style>
</head>

<body>

<h1>这是一个标题</h1>
<hr>

<p>您可以看到链接格式文本</p>

<p><a href="http://php.cn"
      target="_blank">链接</a></p>

</body>
</html>

프로그램을 실행해서 사용해 보세요

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> p { color: #ff122b; text-align:center; } </style> </head> <body> <p>Hello World!</p> <p>这一段是用CSS样式化。</p> </body> </html>

제출하다 코드 재설정

자동운전