CSS知识点

什么是CSS？

1.层叠样式语言（不是编程语言，没有变量、数据类型、控制语句）

2.CSS其实是专门用来修饰HTML的，让HTML更好看，CSS是HTML的化妆品。

3.CSS是为HTML服务的，所以HTML还是主体，CSS是依附在HTML上的，所以进行CSS的开发，我们还是需要新建html/.html文件。

在HTML中怎么嵌入CSS样式呢？

一、内联定义

1.语法格式：<标签 style="样式名：样式值；样式名：样式值；样式名：样式值；"></标签>

2.任何一个HTML标签都可以指定style属性。

二、定义内部样式块对象

1.head标签中使用style标签，定义样式对象。

2./*这是CSS的注释，在CSS的地盘中，和java的注释相同。*/

3.这里该怎么写样式？语法是什么？

选择器{样式名：样式值；样式名：样式值；样式名：样式值；}

三、链入外部样式表文件

1.在web前端开发中，这种方式是最常用的！

2.引入外部独立的CSS样式表文件。

CSS中常用的选择器包括（关于选择器的优先级：标签选择器优先级最低;其次是类选择器；最高是id选择器）

一、标签选择器（标签名{}）

二、id选择器（#id #username 只作用于id这个元素）

怎样才能让样式作用与某一个标签，可以使用id选择器。

三、class选择器类选择器 （class样式作用于当前网页中某一类的标签）

class属性，任何一个标签都有，class相同的，可以看作是同一标签。

常用的样式

隐藏样式（none）

文本装饰样式

列表

设置鼠标悬停效果

:hover是专门用来设置鼠标悬停效果；

:hover在使用的时候，这个冒号两边都是不允许有空格的

内外补丁（如果盒子套盒子，需要定位的话，可以使用外补丁和内补丁。）

外补丁（margin）

内补丁（padding）

布局float浮动效果

定位（position）

鼠标小手（cursor）（使用pointer，尽量不要使用hand，有兼容问题。）