css

HTML 超文本标记语言 从语义的角度描述页面结构。
CSS 层叠式样式表 从审美的角度负责页面样式。
JS JavaScript 从交互的角度描述页面行为。
我们写 css 的地方是 style 标签，就是“样式”的意思，写在 head 里面。
type 表示“类型” ， text 就是“纯文本”。css 也是纯文本的。

一：一些常见的属性：color，font-size，background-color，font-weight，font-weight，font-style，text-decoration:，text-decoration。
二、 基础选择器

1. 标签选择器
   1） 所有的标签，都可以是选择器。比如 ul、li、label、dt、dl、input
   2） 无论这个标签藏的多深，一定能够被选择上：
   3） 选择所有的标签，而不是一个。
2. id 选择器
   id 选择器的选择符是“#”。
   任何的 HTML 标签都可以有 id 属性。表示这个标签的名字。
   1） 只能有字母、数字、下划线
   2） 必须以字母开头
   3） 不能和标签同名。比如 id 不能叫做 body、img、a
3. 类选择器
   1） class 可以重复，也就是说，同一个页面上可能有多个标签同时属于某一个类；
   2） 同一个标签可以同时携带多个类。

区别
class 用于 css 的，id 用于 js 的。
1）class 页面上可以重复。id 页面上唯一，不能重复。
2）一个标签可以有多个 class，用空格隔开。但是 id 只能有 id。
三、 css 高级选择器
后代选择器 交集选择器 并集选择器（分组选择器） 下一个兄弟选择器 .序选择器

权重问题大总结：
1） 先看有没有选中，如果选中了，那么以（id 数，类数，标签数）来计权重。谁大听谁的。如果都一样，听后
写的为准。
2） 如果没有选中，那么权重是 0。如果大家都是 0，就近原则。
四 盒子模型
一个盒子中主要的属性就 5 个：width、height、padding、border、margin。
width 是“宽度”的意思，CSS 中 width 指的是内容的宽度，而不是盒子的宽度。
height 是“高度”的意思，CSS 中 height 指的是内容的高度，而不是盒子的高度
padding 是“内边距”的意思
border 是“边框”
margin 是“外边距”
五 块级元素行内元素区别
1） 块级元素
● 霸占一行，不能与其他任何元素并列
● 能接受宽、高
● 如果不设置宽度，那么宽度将默认变为父亲的 100%。
2） 行内元素
● 与其他行内元素并排
● 不能设置宽、高。默认的宽度，就是文字的宽度。
在 HTML 中，我们已经将标签分过类，当时分为了：文本级、容器级。
文本级：p、span、a、b、i、u、em
容器级：div、h 系列、li、dt、dd。
CSS 的分类和上面的很像，就 p 不一样：
所有的文本级标签，都是行内元素，除了 p，p 是个文本级，但是是个块级元素。
所有的容器级标签都是块级元素。