CSS后续

粘性定位sticky

sticky能够形成“动态固定”的效果，比如，百度新闻首页的导航栏，初始加载时在自己的默认位置（relative定位）

{position:sticky;top:10px;}

text-overflow:ellipsis;

文字超出省略号显示

overflow:hidden;

超出隐藏

文字超出省略号显示

-weblit-line-clamp:1;

-wbkit-box-orient:vertical;

display:-webkit-box;

文字超出省略号显示 兼容（可百度）

扩充

CSS3圆角

border-radius:5px;

值越大圆角越大

border-top-left-radius　　左上角

border-bottom-left-radius　　左下角

先写上下再写左右

container页面增容器

header页面头部

pagebody页面主题

sidebar侧边栏

mainbody主题内容

footer底部

::before在...之前

::after在...之后

解决文字基线

1.font-size:0;　　没有文字的情况下

2.浮动