CSS

CSS概述

什么是CSS：

•  CSS是层叠样式表(Cascading Style Sheets)的缩写，  是一种用于定 义HTML、XML等文档中如何呈现页面的样式和布局的标准语言。通  过CSS可以控制网页的字体、颜色、大小、间距、背景等各种样式，  从而实现对网页内容的精细控制。与HTML相比，  CSS具有更高的灵   活性和可扩展性，可以将网页的样式和内容分离开来，使得网页结构 更加清晰、易于维护和修改。

•  作用: 负责美化页面(相当于装修)

CSS引入方式

•  三种引入方式:

  内联: 在标签的style属性中添加样式代码, 不能复用

  内部: 在head标签里面添加style标签, 在标签体内添加样式代码, 可以当前页面复用,

不能多页面复用

 外部: 在单独css文件中添加样式代码, 在html页面中的head标签里面添加link标签 把css引入到html页面中, 支持多页面复用

CSS选择器：

常用选择器1

选择器的作用: 用于查找页面中的元素

•   标签名选择器: 匹配页面中所有同名标签 √   格式: 标签名{样式代码}

•   id选择器: 当需要选择页面中某一个标签时使用√格式: #id{样式代码}

•   类选择器: 当需要选择页面中多个不相关的元素时,给多个元素添加 相同的class值划分为同一类

   √格式: .class{样式代码}

常用选择器2

•   分组选择器: 将多个选择器划分为同一组进行统一管理

   格式: div,#id,.class{样式代码}

•   属性选择器: 通过元素的属性匹配元素

   格式: 标签名[属性名='值']{样式代码}

•   任意元素选择器:匹配页面中的所有元素    格式: *{样式代码}