JavaWeb-CSS

一、CSS简介

• CSS 是一门语言，用于控制网页表现

CSS(Cascading Style Sheet):层叠样式表

• W3C标准：网页主要由三部分组成

结构：HTML

表现：CSS

行为：JavaScript

二、CSS导入方式

CSS导入HTML有三种方式：

1.内联样式：在标签内部使用style属性，属性值是CSS属性键值对

<div style="color:red">Hello CSS～</div>

2.内部样式：定义<style>标签，在标签内部定义CSS样式

<style type="text/css">

        div{

                color:red

}

</style>

3.外部样式：定义link标签，引入外部的CSS文件

<link rel="stylesheet" href="demo.css">

demo.css:

div{

        color:red;

}

三、CSS选择器

1.概念：选择器是选取需设置样式的元素（标签）

div{

        color:red;

}

2.分类

（1）元素选择器

元素名称{color:red;}

div{color:red;}

(2)id选择器

#id属性值{color:red;}

#name{color:red;}

<div id="name">hello css2</div>

(3)类选择器

.class属性值{color:red;}

.cls{color:red;}

<div class="cls">hello css3</div>