css样式

text-stroke：给文字描边

letter-spacing 属性增加或减少字符间的空白（字符间距）。

border-spacing:设置table的td之间边框的距离

 

给td加边框后有重合部分

border-collapse: collapse; border-spacing: 0;

 

td中内容过多想要让其自动换行

word-wrap:break-word;

word-break:break-all;

word-break:keep-all; / 不换行 /
white-space:nowrap; / 不换行 /
overflow:hidden; / 内容超出宽度时隐藏超出部分的内容 /
text-overflow:ellipsis; /溢出时显示省略标记…；需与overflow:hidden;一起使用/

span使用inline-block可能使此功能无效

//文字过多隐藏

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;

(17条消息) 听说你定义了text-overflow: ellipsis 没生效?_Jamki小烽烽的博客-CSDN博客

text-indent:36px　　文字缩进36像素

 

去掉input选中时的边框

outline：none；

 

给li设置浮动后，显示在div外

是因为li浮动了，不占整个文档的位置，包裹li的ul就默认里面是不占位的。所以在整个文档流里面就没有ul了，这样的话，后来的div就会造成一种浮动的假象，因为他以为前面没有东西了，实际上是ul不占位了。解决的方法就是清除掉li的浮动，

<ul><li style="float:left">test float</li></ul>

<div style="clear:both"></div>

<div>after div</div>

 

在css中计算高度

height:calc(100vh - 30px) ;(-前后都要有空格)

 

page-break-after 属性用于设置在指定元素后面插入分页符。

在Firefox上使用page-break-after是没有任何效果的，这是因为Firefox不能将表断开。其解决的方法是不要将打印的内容放在一个表中，而是放在一个DIV中。

 

table中给td设置宽度无效怎么解决？默认是列宽度由单元格内容设定table 添加css tableLayout :fixed;

图片背景模糊（毛玻璃）：filter: blur(10px);

图片有白边  缩放 transform: scale(1.2);

 

 更改input的placeholder的样式

input::-webkit-input-placeholder{ // 针对 谷歌 内核
font-weight:600;
color:#f00;
line-height:40px;
}
input:-moz-placeholder{ // 火狐
font-weight:600;
color:#f00;
color:#f00;
}
input:-ms-input-placeholder{ // 微软ie
font-weight:600;
color:#f00;
color:#f00;
}

 uniapp更改

(4条消息) uniapp中placeholder样式的修改_soosgo的博客-CSDN博客_uniapp placeholder