02第一章笔记

11盒子模型

1. border-style:solid(实线)/dashed(虚线)/dotted(点划线)/double(双线)

2. padding 内容区域距离边框

3. padding会撑开原有盒子的宽、高所以我们要减去padding的长度

4. padding的属性值4种方式：上 右 下 左、上 左右 下、上下 左右、 一个值四个方向（可以单独设置某一边）

5. 如果出现边框塌陷那么：overflow:hidden；

在写网页的时候，通常会用到css去给网页内容加上各种各样的样式，如果在用css时能注意以下几点，那么你的开发效率也会大大提升哦！

WEB开发

下面总结了七点一起来看看吧！

CSS技巧

怎么让单行文本在容器内垂直居中？

#test{height:25px;line-height:25px;}

点击右上方红色按钮关注“web秀”，让你真正秀起来

相信很多小伙伴已经遇到过了，在使用webpack构建项目（npm run build），部署项目后，会发现有些CSS样式丢失了，比如：

.content{ 
 overflow: hidden; 
 text-overflow: ellipsis; 
 display: -webkit-box; 
 -webkit-line-clamp: 2; 
 -webkit-box-orient: vertical; 
}

常用css列表

color 设置文字的颜色，如： color:red;

font-size 设置文字的大小，如：font-size:12px;

font-family 设置文字的字体，如：font-family:‘微软雅黑’;

font-style 设置字体是否倾斜，如：font-style:‘normal’; 设置不倾斜，font-style:‘italic’;设置文字倾斜

font-weight 设置文字是否加粗，如：font-weight:bold; 设置加粗 font-weight:normal 设置不加粗