HTML CSS整理笔记-前端-IT技术博客

转载自:https://blog.csdn.net/Lin16819/article/details/102759862


活到老,学到老,不停进步,今天看天一篇关于html css类笔记文章,感觉不错,转载过来方便学习


点击链接后退页面:

<a href="javascript:history.go(-1)">回到上一个网页</a>


——修改placeholder提示的样式:

1.除IE外通用写法

 类名或标签名::placeholder {color: red;}

2.加兼容前缀写法


css超出一行显示省略号:

给定宽度(width:100px)、

超出隐藏(overflow:hidden)、

强制在同一行显示(white-space: nowrap)、

省略号(text-overflow:ellipsis)


——常见字体单位——

1.em

相当于“倍”,比如设置当前的div的字体大小为1.5em,则当前的div的字体大小为:该div继承的父级字体大小*1.5。(根据他爸)


2.rem

r即root,始终相对于根节点html的font-size进行缩放。(根据祖先html)


3.vh

vh指当前屏幕可见高度的1%,即 height:100vh == height:100%;

区别:当元素没有内容时候,若设置height:100%该元素高度不会被撑开。但设置height:100vh,该元素会被撑开和屏幕高度一致。


4.vw

Viewport width 视窗宽度。1vw = 视窗宽度的1%,1vw就是当前屏幕宽度的1%,

对比:

width:100%; 设置元素宽度占父元素的宽度100%。

width:100vw; 相对于屏幕可见宽度来设置,所以会出现50vw 比50%大的情况。



章节列表