1.CSS介绍

CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素.

当浏览器读到一个样式表,他就会按照这个样式表来对文档进行格式化(渲染)

2.CSS语法

每个CSS样式由两个部分组成:选择器和声明.声明又包括属性和属性值.每个声明之后用分号结束.

h1   {color:red;font-size:14px;}
h1:选择器
color:属性
red:值
font-size:属性
14px:值
color:red,font-size:14px:声明

3.CSS的几种引入方式

3.1 行内样式

行内式是在标记的style属性中设定CSS样式.不推荐大规模使用

<p style="color:red"> Hello world.</p>

3.2 内部样式

嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中

<head>
    <meta charset-"UTF-8">
    <title>Title</title>
    <style>
        p{ background-color: #2b99ff; }
    </style>
</head>

3.3外部样式

外部样式就是将css写在一个单独的文件中,然后在页面进行引入即可.推荐此方式

<link href="mystyle.css" rel="stylesheet" type="text/css"/>
posted on 2019-10-11 18:40  黑糖A  阅读(84)  评论(0编辑  收藏  举报