1.-webkit-line-clamp可以将块容器中的内容限制到指定的行数。 并且在超过行数之后，“…”显示在最后一行，这是一个正常的显示显示:-WebKit-box；/*该值必须是-webkit-box或-WebKit-inline-box */-WebKit-box-orientation:vertical；/*该值必须是垂直的*/-WebKit-line-clamp:2；/*值为数字，表示一共显示几行*/overflow:hidden；这是添加了换行符https://developer . Mozilla . org/zh-cn/docs/web/CSS/-WebKit-line-clamp 2的显示，all将除unicode-bidi和direction之外的所有属性重置为它们的初始值或继承值。 全部:未设置；/* initial | inherit | unset */initial将此元素的所有属性值更改为初始值。 Inherit将元素的值更改为从父元素继承的未设置的值。如果元素的属性值是可继承的，则它被重置为父元素的继承值，否则它被更改为初始值。 3.box-decoration-break https://developer . Mozilla . org/zh-cn/docs/web/CSS/box-decoration-break 4颜色用来定义插入符号的颜色。这里说的脱字符号就是网页可编辑区域的那个，用来表示客户的输入会插入到哪里。 插入符号颜色:红色；5.Clip-path/shape-outside Clip-path属性通过剪辑创建元素的可显示区域。 部分显示在区域内，隐藏在区域外。 类似的裁剪是由svg的clipPath完成的。 clip-path的值如下:inset(xxx):裁剪到矩形圆(xx):裁剪到原型椭圆(xxx):裁剪到椭圆多边形(xx):裁剪到多边形none:裁剪前的准备示例< div style = " width:500 px；高度:500px文本对齐:左对齐；背景色:灰色；颜色:白色" >；& ltimg & gt& ltp & gt这是一个带有文本的普通P元素行 Min-content其宽度或高度会自动调整，以刚好容纳下一个子元素中“最小宽度值”最大的元素，其余超长的会参考子元素“最小宽度值”的宽度和高度换行或溢出。 什么是“最小宽度值”？比如一张图片的最小宽度就是图片原来的宽度和高度；如果是一串汉字，最小宽度值是单个汉字的宽度和高度；如果是一串英文，最小宽度就是里面单词最长的那个。 Fit-content意味着元素自动扩展到内容的宽度，这与max-content的不同之处在于它只适合下一个子元素中最长的元素。 不同之处在于，当文本不换行时，会计算max-content。如果超出父元素，则不换行，直接生成滚动条。但是，在fit-content超出父元素之后，该行将会换行，并且不会生成滚动条。 1.fit-content()这与上面的fit-content值不同。这是一个函数，用于网格布局。 (省略)检查网格布局。 12.resize比较简单，可以查看公文。13.当用户通过API触发滚动操作时，CSS属性scroll-behavior指定滚动框的滚动行为。可以在顺利到达或者立即到达时查看公文。14.max()/min()max是两者中最大的；min函数取两者之间的最小值。 Max，min可以用在任何可以设定的东西上 掌握一个好的学习方法，跟对人，很重要。 以后有什么问题可以随时问我。可以帮助别人学会处理问题，对自己也是一个提升的过程。 我整理了2019年最全的前端学习资料，包括最基础的HTML+CSS+JS，以及HTML5项目的实际学习资料。这是我的前端技术交流Q UN++++++++钱是-518-672中间-693-++++++++。 16.圆锥-渐变()我们知道，有:线性渐变，线性渐变，从一个方向，沿着另一个方向，颜色线性过渡。 径向渐变，radial-gradient，从某一点开始，沿着圆圈慢慢向外辐射。 另外，还有一种渐变，叫做“锥度渐变”。 是围绕中心点呈扇形方向旋转的渐变(而不是从中心点向外辐射)。这就是锥形和径向渐变的区别。背景:圆锥形渐变(红色、橙色、黑色、绿色、蓝色)；从默认时钟的12点开始，顺时针旋转18°，相对简单，:越界/:在范围内。可以查看公文:超出范围:在范围内19、writing-mode定义了文本的水平或垂直排列以及块级元素中文本的书写方向。水平-tb表示水平书写。从上到下写。竖-rl就是竖着写，从右到左(古代书法就是这么说的)。vertical-lr表示垂直书写。注意从左到右没有横线-bt。不要发明20，inline-元素的大小和宽度。同样的高度效果会改变盒子的大小。 但是，宽度和高度值会被覆盖。 不同的是，宽度是绝对的水平方向，高度是绝对的垂直方向。而inline-size是一个相对的水平方向，可以通过write-mode模式改变。21.block-size与inline-size类似，但与inline-size正好相反，高度方向的值默认设置在block-size中。