【六月总结】

柔情只为你懂 2021-12-12 18:01 203阅读 0赞

【六月总结】

【文字超出内容省略】  
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  
②块级元素：*

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