整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
家在工作和學習中經常會用電腦查找大量信息及學習資料，不知道大家有沒有遇到過這樣的問題呢？千辛萬苦找來的資料卻不能復制，當你在選中文字復制時網頁就彈出窗口提示開通會員。
【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小時內與您取得聯系。
