继承与文本溢出

1.继承概念：

具有上下级关系的元素之间，上级元素的样式被下级拥有，这个现象就是继承。

2.文本和列表相关的属性会被继承.

3.如果要给a元素设置样式的话，必须选中a本人哦！ 【a默认自带的下划线和颜色优先级高于继承哦！】

2.单行文本溢出显示省略号[面试题]

1.设置宽度

width:*px;

2.强制不换行

white-space:nowrap;

3.超出的内容隐藏

overflow:hidden;

4.文本超出的标识设置为省略号

text-overflow: ellipsis ;（省略号）

text-overflow:clip;（裁剪）

多行文本溢出使用js实现

white-space:normal正常 | nowrap强制不换行 | pre保留原格式

​
​
overflow:visible可见 | hidden隐藏 | scroll滚动条 | auto自动调整是否出现滚动条
text-overflow:ellipsis省略号 | clip裁剪

3.文章列表实现

4.项目搭建+流程

1.css–reset.css:解决默认差异 + 解决bug

​ – *.css：对应页面的css

2.images：放所有页面的图片

3.*.html:对应页面的html文件

4.常用的命名：

    首页 index
    导航 nav
    页头 header
    页脚 footer
    轮播 banner

版心：是控制页面主要内容的盒子。是一个公共的元素，他需要有固定的宽度和居中效果  container

​