网课小结
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.内联元素在文档流中只占自身的大小,会默认从左向右排列,如果一行中不足以容纳所有的内联元素,则换到下一行,继续自左向右。