整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
家在工作和学习中经常会用电脑查找大量信息及学习资料，不知道大家有没有遇到过这样的问题呢？千辛万苦找来的资料却不能复制，当你在选中文字复制时网页就弹出窗口提示开通会员。
【Ctrl+C】复制和【Ctrl+V】粘贴在这突然就不好用了，找好的资料又不想放弃怎么办？是不是不甘愿付费，就就只能手打录入了呢？
随着知识付费越来越普及，很多网站采用会员付费才可复制、下载内容，让一些不懂怎么解决的朋友遇到难题。别着急，今天就分享给大家如何一招解决网页文字无法复制的问题。
方法一：禁用javascript
第一步：鼠标移至网页空白处，右键选择【审查元素】
第二步：在弹出的对话框找到设置图标（右上角位置）
第三步：在设置首选项找到禁用javascript，点击勾选就完成了。
你会发现，这样你就可以复制任何你想复制的文字了！
方法二：另存为网页进行复制
在网页空白处，点击鼠标右键，选择“另存为”，保存类型为“网页，仅HTML”，将其保存到桌面上。
然后到桌面打开该网页文件，这时候再去复制里面的内容就可以了。
以上方法不只是在付费内容中有效，在网页设置了禁止复制中一样有效。这两个小妙招是不是很实用呢？赶快收藏起来吧。
字是网页展示的重要内容之一，所以对文字的修饰也是CSS重点关注的一部分， CSS提供了以下常用的样式属性来修饰文字。
color 用来设置文字颜色。
设置方式支持以下几种格式
<style>
.box {
color: red;
}
</style>
<div class="box">文字颜色</div><style>
.box {
color: #ff0000;
}
.box1 {
color: #f00;
}
</style>
<div class="box">文字颜色</div>
<div class="box1">简写形式</div><style>
.box {
color: rgb(255, 0, 0);
}
</style>
<div class="box">文字颜色</div><style>
.box {
color: rgba(255, 0, 0, 0.5);
}
</style>
<div class="box">文字颜色</div>font-size 属性用来设置字体大小，单位通常为px 也可以为em,rem
单位的解释
<style>
.box {
font-size: 30px;
}
</style>
<div class="box">文字大小</div>设置字体的粗细程度，常用的属性有 normal 和 bold 两个值。
可以用以下值表示，也可以用数字表示。
值 | 意义 |
normal | 正常粗细，和400值相等 |
bold | 加粗，与700数值相等 |
lighter | 比 正常粗细还细， 不常用 |
bolder | 比 加粗还粗，不常用 |
100 200 300 400 500 600 700 800 900 | 使用数字定义字体粗细 |
inherit | 从父元素继承字体粗细 |
<style>
.box_normal {
font-weight: normal;
}
.box_bold {
font-weight: bold;
}
.box_lighter {
font-weight: lighter;
}
.box_bolder {
font-weight: bolder;
}
.box_number {
font-weight: 600;
}
</style>
<body>
<div class="box_normal">font-weight演示：正常粗细</div>
<div class="box_bold">font-weight演示，加粗</div>
<div class="box_lighter">font-weight演示，更细</div>
<div class="box_bolder">font-weight演示， 更粗</div>
<div class="box_number">font-weight演示， 数字</div>
</body>设置字体的倾斜程度
值 | 意义 |
normal | 正常字体， 不带倾斜效果 |
italic | 倾斜字体（常用，使用倾斜字体） |
oblique | 倾斜字体（用常规字体模拟倾斜，不常用） |
<style>
.box1 {
font-style: normal;
}
.box2 {
font-style: italic;
}
.box3 {
font-style: oblique;
}
</style>
<body>
<div class="box1">正常字体</div>
<div class="box2">倾斜字体</div>
<div class="box3">倾斜字体2</div>
</body>设置文本的修饰线的样式
示例 | 意义 |
none | 无线(a标签去除下划线会用到) |
underline; | 下划线 |
line-through; | 删除线 |
…等等 | 还有很多，可自行百度 |
<style>
.decoration-none {
text-decoration: none;
}
.decoration-underline {
text-decoration: underline;
}
.decoration-line-through {
text-decoration: line-through;
}
</style>
<body>
<div class="decoration-none">无线修饰</div>
<div class="decoration-underline">下划线</div>
<div class="decoration-line-through">删除线</div>
</body>指定使用的字体族，操作系统一般自带很多字体；
例如：window操作系统中的 ‘微软雅黑’ ，黑体等。
字体文件的格式有很多，比如 eot,woff2,woff,ttf,svg等。
font-family 可以一次指定多个字体， 后面的字体属于后备字体，只有前面的字体没有找到，才会使用后面的字体。
<style>
div {
font-family: serif, "Time New Roman", "微软雅黑"
}
</style>
<body>
<div>字体</div>
</body>自定义字体
某些时候，我们的字体比较个性化，或者我们的字体是一个图标字体（一种用符号表示图片的方式）。那么此时，需要我们使用 @font-face 自定义字体
自定义的字体一般是随着网页发布在服务器端，操作系统中并没有。
推荐一个比较好用的字体库网站：https://www.iconfont.cn/（具体使用方式请自行百度）。
昨天我们知道了什么是rgba后，今天我们就来继续学习css自带的文字阴影样式来制作字体模糊效果。在此之前我们先学习下文字阴影样式text-shadow.
text-shadow属性介绍
text-shadow：x y blur color, …
参数 x横向偏移 y纵向偏移 blur模糊距离 color阴影颜色
简单用法
text-shadow:2px 2px 4px black
html代码片段
<div class="box">每天学习一点点</div>
css样式
.box{
width:50%;
height:200px;
margin: 50px auto;
color:rgba(0,0,0,1);
/*为了看的更清楚设置一秒的动画效果*/
transition: 1s;
font:100px/200px "微软雅黑";
text-align:center;
}
*请认真填写需求信息，我们会在24小时内与您取得联系。
