2020-11-26

网课小结

1. em和strong

-这两个标签都表示一个强调的内容，em主要表示语气上的强调, em在浏览器中默认使用斜体显示strong表示强调的内容,比em更强烈，默认使用粗体显示.

2. 字体分类

3. [Serif（村线字体）

Sans-serif(排村晚字体)

monospace(等竞字体）

cursive(草书字体）

fantasy(虚幻字体）

4. [font-size注释

font-size设置的并不是文字本身的大小

设置的font-size实际上是设置格的高度。并不是字体的大小一般情况下文字都要比这个临要小一些。也有时会比格大。、

5. [用于对词汇或内容进行定义

定义列表用来对一些词汇或内容进行定义使用dl来创建一个定义列表

dl中有两个子标签分别为dl与dd

dt :被定义的内容dd :对定义内容的描述

6. Pre

当需要页面中直接编写一些代码时，pre作为预格式标签,会将代码中的格式保存，不会忽略多个空格|

7. 字符注释

i标签中的内容会以斜体显示

b标签中的内容会以加租显示

q标签表示一个短的引用(行内引用)

Del用来表示一个删除的内容 del标签中的内容会自动添加一个删除线

ins表示一个插入的内容

sup表示一个上标

Sub表示一个下标

8.*当使用不同的选择器，选中同一个元素时并且设置相同的样式时，最终决定采用哪个由选择器的优先级决定

优先级的规则

内联样式，优先级1000

ID选择器优先级100

类和伪类优先级10

元素选择器优先级1

：link

：visited

：hover

：active

这四个元素优先级一样

当选择器中包含多种选择器的时候，需要多种选择器的优先级想加然后比较

但是选择器优先级计算不会会超过他的最大数量级

并集选择器的优先级是单独计算的

如div ,p

9.]元素继承

在CSS中，祖先元素上的样式，也会被他的后代元素所继承。

利用继承，可以将一些基本的样式设置给祖先元素，这样所有的后代元素将会自动继承这些样式。有效的节省了时间

但是并不是所有的样式都会被子元素所继承，就比方说与背景相关的样式不会被继承

10.列表

无序列表

用ul创建 用li在ul中创建一个列表项

可以用type属性来修改列表的项目符号

列表之间可以互相嵌套比如说在无序列表中嵌套一个有序列表

11.处理元素

理论上讲子元素的最大可以等于父元素内容区大小，如果子元素的大小超过了父元素的内容区，则超过的大小会在父元素以外的位置显示。超出的部分称为溢出内容

通过overflow可以来处理溢出部分

Visible默认值

hidden,溢出的内容,会被修剪,不会显示

- scroll，会为父元素添加滚动条，通过拖动滚动条来查看完整内容

auto会根据需求自动添加

12.BFC

BFC默认为关闭

开启方式

1设置元素浮动

2.设置元素绝对定位

3.设置元素为inline-block

开启后所具备的特性

1.父元素的垂直外边距不会与子元素重叠

2.不回被浮动元素所覆盖

3.可以包含其他浮动子元素

13.解决高度坍塌

1.可以直接在高度塌陷的父元素的最后,添加一个空白的div

由于这个div平没有浮动所以他可以撑开父元素 然后对他进行清除浮动这样就撑开了父元素

基本没有副作用

2.通过after伪类

通过after伪类向元素的最后添加一个空白的元素然后对其清除浮动

原理同上但这样不会出现多于的div

最推荐的方法

13.Clear

Clear用于清除其他浮动元素对当前元素的影响

Left：清除左侧浮动元素对当前元素的影响

Right：清除右侧浮动元素对当前元素的影响

Both：清除左侧与右侧浮动元素对当前元素的影响

14.文档流文档流处在网页的最底层，它表示的是一个页面中的位置

元素在文档流中的特点块元素1.块元素在文档流中会独占一行，块元素会自上向下排列内联元素1.内联元素在文档流中只占自身的大小，会默认从左向右排列，如果一行中不足以容纳所有的内联元素，则换到下一行，继续自左向右。