>  기사  >  웹 프론트엔드  >  CSS를 배우는 방법? 어떤 지식 포인트를 배워야합니까?

CSS를 배우는 방법? 어떤 지식 포인트를 배워야합니까?

巴扎黑
巴扎黑원래의
2017-07-31 11:01:021662검색

프로그래밍 언어를 배우는 모든 프로그래머는 HTML과 CSS를 배워야 합니다. 그것은 프로그래밍 언어가 아니라 마크업 언어입니다. 전자는 웹 페이지의 구조를 추가하는 데 사용되고, 후자는 HTML 구조를 수정하고 아름답게 만드는 데 사용됩니다. 이 글에서는 CSS를 배우는 방법에 중점을 둡니다.

CSS를 잘 배우고 싶다면 먼저 매뉴얼을 공부해야 합니다

CSS를 배우는 방법? 어떤 지식 포인트를 배워야합니까?

CSS 온라인 매뉴얼을 공부하는 것이 좋습니다.

매뉴얼을 공부한 후 예제 튜토리얼을 공부하면 됩니다

CSS를 배우는 방법? 어떤 지식 포인트를 배워야합니까?

CSS 0 기본 입문 튜토리얼을 공부하는 것이 좋습니다. 초보자가 배우기에 더 적합합니다.

학습 단계를 살펴보겠습니다:

1.

의사 클래스 구문:

selector:pseudo-class {property:value;}

CSS 클래스는 또한 의사 클래스를 사용할 수 있습니다:

selector.class:pseudo-class {property:value;}

http://www.php.cn/css/css-pseudo-classes.html

2.

<html>
<head>
 <meta charset="utf-8">
 <title>php中文网(php.cn)</title>
 <style>
 p
 {
 border-top-style:dotted;
 border-right-style:solid;
 border-bottom-style:dotted;
 border-left-style:solid;
 }
 </style>
</head>
<body>
<p>两个不同的边界样式。</p>
</body>
</html>

http://www.php.cn/code/3213.html

3. 다양한 작성 방법과 값 단위.

<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
    <style>
        body {color:red;}
        h1 {color:#00ff00;}
        p.ex {color:rgb(0,0,255);}
    </style>
</head>

<body>
<h1>这是标题</h1>
<p>这是一个普通的段落。请注意,本文是红色的。页面中定义的默认文本颜色选择器。</p>
<p class="ex">这是一段使用class选择器定义的p。这段文字是蓝色的。</p>
</body>
</html>

http://www.php.cn/code/3148.html

4. 선택기 그룹화.

스타일 시트에는 동일한 스타일의 요소가 많이 있습니다. 코드를 최소화하려면 그룹화 선택기를 사용할 수 있습니다. 각 선택기를 쉼표로 구분하세요.

 <style>
 h1,h2,p
 {
 color: #d4d223;
 }
 </style>

http://www.php.cn/code/3241.html

5.

html {
  font-family: sans-serif;
}
 
p {
  line-height: 1.5;
}
 
/*
This rule is not needed ↷
p a {
  line-height: 1.5;
}
*/

http://www.php.cn/css-tutorial-360263.html

6.

<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
div p
{
background-color:yellow;
}
</style>
</head>
<body>
<div>
<p>段落 1。 在 div 中。</p>
<p>段落 2。 在 div 中。</p>
</div>
<p>段落 3。不在 div 中。</p>
<p>段落 4。不在 div 中。</p>
</body>
</html>

http://www.php.cn/code/3287.html

위 내용은 CSS를 배우는 방법? 어떤 지식 포인트를 배워야합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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