【六月总结】

【六月总结】

【文字超出内容省略】
li：
width: 300px; //容器的宽
height: 30px; //容器的高
overflow: hidden; //超出部分隐藏
text-overflow: ellipsis; //文字超出部分隐藏前打省略号
white-space: nowrap; //强行不换行 防止出现 垂直方向上 不完整文字
width: 20em; //设置文字尺寸 防止出现 水平方向上 不完整文字
list-style-type:inside; //默认序号样式在li外部(outside)，如果溢出省略则序号样式则被省略
【轮廓和边框的区别】
边框 (border) ： 是围绕元素内容和内边距的一条或多条线
轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
【术语】
终端： 计算机网络中处于网络最外围的设备，本身不具备计算能力,要用于用户信息的输入以及处理结果的输出。
响应式布局： 一个网站能够兼容多个终端–而不是为每个终端做一个特定的版本
(比如说pc pad 都是不同的终端，其分辨率，屏幕大小都是不通的，加入响应式布局即可将兼容这些终端，而不用为每一个终端写不同版本！！！
在电脑上打开一个网页，如果其加入了响应式布局，当缩放网页至不同尺寸时，网页显示也会自动变得协调而不是错位，内容到处跑！！！
【常用的快捷键】
ctrl+f 查找替换
Alt+↑/↓ 向上/向下移动选中行

【CSS世界*部分】
①div：块级元素（可用于组合其他HTML元素容器）
span：内敛元素（可作文本容器）
**display默认为block和inline
②块级元素：

• 1. • …
       内联元素：

  … 内联元素也叫行内元素，行级元素 ③块级元素：1.独占一行。 2.元素高度，宽度，行高和顶底边距都可以设置。 3.元素宽度不设置则默认为复元素宽度。 ④list-item：该元素有一个附加的“盒子”，专门用来放圆点，数字这些项目符号。 ⑤display:inline-table怎样组成的？ 外面是“内敛盒子”，里面是“table盒子”，即可以得到一个可以和文字在一行显示的表格。 **问题 eg. HTML: PPP TTT 这是一段文字 CSS： div{ display:inline-block; } 显示： PPP TTT 这是一段文字 =============》 为块级元素，是自动换行的