css常用但容易忘记的样式使用
鼠标悬停出现手的标志、去掉下划线、
字体加粗或者去掉加粗、图片宽度、盒子在网页里居中显示
(1)鼠标悬停出现手的标志
(hover可以用在全部的标签、选择器里)
p:hover {
cursor:pointer;
}
(2)鼠标移动到字体上,字体下增加或者去掉下划线
.box:hover {
text-decoration: none; (去掉)
text-decoration:underline;(增加)
}
(3)font-weight
字体加粗或者去掉加粗,不用加单位
normal:正常字体
bold:加粗
还可以利用100-900之间的整百数
400:normal
700:bold
p {
font-weight:400; (加粗)
font-weight:700; (不加粗)
(4)跳转路由时,只需要把要点击的内容,
包裹在路由标签里,然后router-link to="指定网址"即可
<router-link to="/library">
<ArticleTitle v-bind:ArticleTitle="aTitle"></ArticleTitle>
</router-link>
(5)如果想让图片或者盒子的宽度与浏览器一样大时,
只需要将宽度设置为100%
div {
width: 100%;
}
(6)如果想让盒子在网页里居中显示
只需要设置如下
.course {
width: 1300px;
height: 任意px;
margin: 0 auto;
}