#css# 【二】 常用但容易忘记的样式使用（（鼠标悬停出现手的标志、去掉下划线、 字体加粗或者去掉加粗、图片宽度、盒子在网页里居中显示））

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;
}