第六十九节，css入门基础

css入门基础

学习要点：
1.使用CSS
2.三种方式
3.层叠和继承

本章主要探讨HTML5中CSS （层叠样式表），它是用来对HTML文档外观的表现形式进行排版和格式化。

一使用CSS
CSS样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性和属性值。

<p style="color:red;font-size:50px;">这是一段文本p>

解释：style是行内样式属性。color是颜色属性，red是颜色属性值；font-size 是字体大小属性，50px是字体大小属性值。

二有三种使用方式
创建CSS样式表有三种方式：1.元素内嵌样式；2.文档内嵌样式；3.外部引入样式。

1.元素内嵌样式

<p style="color:red;font-size:50px;">这是一段文本p>

解释：即在当前元素使用style属性的声明方式。

2.文档内嵌样式

DOCTYPE html>
<html lang="zh-cn">
<head>
    
    <meta charset="utf-8">
    <title>标题title>
    
    <style type="text/css">
        p{
            color: blue;
            font-size: 40px;
        }
    style>
head>
<body>
<p>这是一段文本p>
body>
html>

解释：在元素之间创建