来千峰学习的第七天
作者：互联网
链接伪类选择器
a:link：未访问链接时的状态
a:visitteds：链接已经访问过的状态
a:hover：改变超链接鼠标移动上去的颜色
a:active:鼠标点击一瞬间的颜色【必须在hover之后使用】
注：【hover】可以用在p标签上 如果全要用到，顺序如下：link visitteds hover active
------------------------------------------------------------------------------
文本溢出设置
1.单行文本溢出显示省略号
要实现单行文本溢出时产生省略号的效果还需定义：
1、容器宽度：width：value；
2、强制文本在一行内显示:white-space：nowrap;
3、溢出内容为隐藏：overflow：hidden；
4、溢出文本显示省略号：text-overflow：ellipsis;
----------------------------------------------------------------------------------
2.Text-overflow属性
（1）：text-overflow：clip；- 不显示省略号（...），而是简单的裁切;
（2）：text-overflow：ellipsis - 当单行文本溢出时显示省略标记
--------------------------------------------------------------------------
3.White-space属性
white-space：normal；--默认值
white-space：nowrap；--文本不会换行，文本会在同一行上继续，直到遇到<br/>标签为止；
white-space：pre；-------空白符会被保留，就是说浏览器可以识别空格。
white-space：pre-line；--合并空白符序列，但是保留换行符。
white-space：pre-wrap；-保留一部分空白符序列，但是正常的进行换行
-------------------------------------------------------------------------
4.Overflow属性
overflow:visible;--visible:默认值，内容不会被修剪，会呈现在元素框之外；
overflow:hidden;--hidden：内容会被修剪，并且其余内容是不可见的；
overflow:auto;--auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其他的内容;
overflow:scroll;--scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容;
---------------------------------------------------------------------------
5.扩展：多行显示省略号
display: -webkit-box; 将对象作为弹性伸缩盒子模型显示
-webkit-box-orient: vertical; 设置或检索伸缩盒对象的子元素的排列方式
-webkit-line-clamp: 3; 用来限制在一个块元素显示的文本的行数
overflow: hidden;
===============================================
选择器的权重
1.当选择器的权重一致时，他会按顺序执行，后面的样式会覆盖前面的样式【操作同一个元素时】
2.各个选择器之间的权重：标签（001） class (0010) id (0100)
3. !important最高的 ：可以提高权重/优先级
4.样式覆盖：相同的属性设置操作了相同的元素
5.当制作网页的过程中不知道哪个优先显示的时候【】
继承
字体的继承{font-size可以继承color 除超链接以外}
注意：继承优先级最低，只要在元素自身上设置相同的属性，就可以把继承的样式给覆盖掉。
！在父元素上设置的某些属性在子元素上可以起作用
为什么要学继承：
a：知道为什么元素没有设置样式，但是样式发生改变【解决问题】
b：哪些属性可以继承【了解】
------------------------------------------------------------------
元素类型之间的互相转化
为什么要进行元素类型之间的互相转化：优化用户体验【1.标签转化可以设置宽度高度的元素 2.解决浮动能解决的一部分问题】
什么是元素类型之间的相互转化：元素类型之间的相互变化
怎么进行转换：display:inline【行内元素】/【块级元素】/inline-block【行内块级元素】
可以实现换行的元素：标题标签，段落标签，div，ul， li， ol，dl，dt，dd【独自占据一行，可以设置宽度和高度】
不能独占一行的元素、除了img外都不能设置宽度和高度、不能用text-align可以设置背景颜色，但是被自身内容撑起来的：a ,span,文本格式化标签【b,strong,i,em】
display:block 可以让元素独占一行
display:inline 可以让能独占一行的元素不能占据一行
display: none 隐藏元素
可以设置宽度的元素：input行内块级元素 【可以设置宽度和高度，不能独自占据一行】
标签：文本,space,--,元素,学习,设置,overflow,千峰,第七天 来源： https://blog.csdn.net/AMD23/article/details/118911635