获得徽章 14
#每天一个知识点# 利用console.table在浏览器控制台打印表格
往事随风啦于2023-07-17 16:52发布的图片
4
#每天一个知识点#
Table表格边框合并
table,tr,td{
border: 1px solid #666;
}
table{
border-collapse: collapse;
}
展开
1
#每天一个知识点# 让元素的鼠标事件失效
.wrapTest
{
pointer-events: none;
cursor: default;
}
展开
评论
#每天一个知识点# css中利用clamp()函数来实现响应式和流畅的排版,使字体会随用户屏幕自动调整大小
h1{
font-size: clamp(2.25rem,6vw,4rem);
}
评论
#每天一个知识点#
使用word-spacing属性指定两个单词之间的空格长度。
p {
word-spacing: 2px;
}
评论
#每天一个知识点# clip-path: polygon属性,通过获取元素的坐标点可以绘制任意多边形:
clip-path: polygon( 17px 182px,109px 23px,199px 182px);
往事随风啦于2023-07-10 17:14发布的图片
评论
#每天一个知识点#
通过伪元素来设置首字母大写,:first-lette
h1::first-letter{
font-size: 2rem;
}
评论
#每天一个知识点#
网页自定义鼠标光标
html{
cursor:url('YourPicture.png'), auto;
}
评论
#每天一个知识点# 利用@media规则来匹配不同设备;比如设置当屏幕宽度小于600px时背景色置为红色:@media only screen and (max-width: 600px){background-color:red;}
评论
#每天一个知识点# 响应式布局
通过CSS3中的Media Query(媒介查询),采用栅格化方式,分别为不同的屏幕分辨率定义布局
2
#每天一个知识点# this.$router.push传递参数的方式:
使用query传递, url后面会拼接参数, 刷新页面参数还在。
使用params传递, 跳转之后页面url后面不会拼接参数 , 但是刷新页面参数会消失。
评论
下一页