整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
SS樣式書寫
內嵌式寫法
外鏈式寫法【最常使用】
行內樣式表
三種寫法特點
標簽的分類
塊元素
行內標簽
行內塊元素（內聯元素）
元素之間的轉換
塊級元素轉成行內元素
行內元素轉成塊級元素
塊和行內元素換換成行內塊元素
css 三大特性
層疊性
繼承性
優先級
超鏈接的偽類
文本修飾
導航小案例
背景屬性
背景屬性的連寫
內嵌式寫法
<style type="text/css"></style>
外鏈式寫法【最常使用】
<head>
行內樣式表
<div style="font-size: 100px;">這是一個行內樣式表</div>
三種寫法特點
內嵌式，樣式只作用于當前文件，沒有真正意義上實現結構表現分離
外鏈式，作用范圍是當前站點，范圍廣，真正實現結構表現分離
行內樣式，作用范圍僅限于當前標簽，范圍小，結構變現混在一起（不推薦使用）
塊元素
div,h1-h6,ul,li,p
特點：獨占一行，可以設置寬高
行內標簽
span, a, strong, em, ins
特點：在一行上顯示，不能設置寬高
行內塊元素（內聯元素）
input img
特點：在一行上顯示，可以設置寬高
塊級元素轉成行內元素
display：inline;
行內元素轉成塊級元素
display:block;
塊和行內元素換換成行內塊元素
display:inline-block;
層疊性
當多個樣式作用于同一個標簽時，樣式發生沖突時，總是執行后面的代碼。
繼承性
繼承性發生的前提是包含嵌套關系，字體的所有屬性都可以繼承。
標題不能繼承文字大小，a標簽不能繼承文字顏色
優先級
默認樣式<標簽選擇器<類選擇器<Id選擇器<行內樣式<!important
/*a{text-decoration:none 沒有線 | underline 下劃線 | line-through 刪除線
<!DOCTYPE html><html><head>
/*背景顏色*/background-color:#ccc;/*背景圖片*/background-image:url("play.jpg");/*background:#ccc url("play.jpg") no-repeat left center fixed;
background必須有背景圖片，其它的可以沒有，里面屬性值的順序無關
者：悅然wordpress建站(悅然建站）
繼續給大家分享wordpress建站教程，今天給大家分享如何給長文章添加分頁功能。
?如上圖所示，我給一個頁面添加了分頁功能，因為內容實在太多，全部顯示在一頁的話瀏覽體驗不是太好。
下面開始介紹實現方法。
打開single.php文件后，找到如下這行代碼：
<?php the_content(); ?>然后在這行代碼下面添加如下代碼：
<?php wp_link_pages('before=<div id="page-links">&after=</div>'); ?>
這樣就可以實現簡單的文章分頁功能了。
再分享另外一種代碼，內容如下：
<?php
$args = array(
'before' => '<p>' . __('Pages:'),
'after' => '</p>',
'separator' => ' ',
'nextpagelink' => __('Next page'),
'previouspagelink' => __('Previous page')
);
wp_link_pages($args);
?> 以上兩個代碼實現的功能都是差不多的，比較簡單。如果你想要更復雜更好看的翻頁效果，那就需要添加CSS效果了。這里不太推薦這樣做，因為給文章分頁的情況是非常少的，而且一般也沒有太大的必要給文章分頁。就拿企業網站建設來說吧，大多數企業網站連寫上三五百字都困難，所以基本也用不上，只有在一些特定的頁面可能會用上，比如產品圖冊、說明書、畫冊等頁面上。
馬上我們就要進入下一個階段，也就是HTML和CSS實現前端界面的階段了，想必很多小伙伴都想給自己的頁面加點酷炫的特效，今天，我就給大家整理了一些非?？犰诺奈淖痔匦硌b點你的頁面！有些是從網絡上找的，有些是自己寫出來的
這里介紹一點寫這些特效時需要用到的屬性，（帶-webkit-開頭的是只有Safari和Chrome等使用webkit或chromium內核的瀏覽器才可以使用）
這個屬性用于設置文本的填充色，與直接設置顏色（color屬性）不同，它可以設置transparent（透明）
這個屬性用于設置文字的描邊，第一個值寫描邊線的寬度，第二個寫描邊線的顏色
文字陰影，這個屬性由四個部分組成：第一個值寫陰影在x軸上的偏移；第二個值是在y軸上的偏移；第三個值是模糊程度（可以寫0~？）值越大，越模糊，為0時不模糊；第四個值是陰影顏色。與box-shadow基本一致
注意：這四個值直接不需要逗號分隔，它們四個作為一個整體參數。同時也可以寫多個參數用逗號隔開來實現更強的效果（下方有多個效果都運用到了這個技巧）
將背景按照設定的參數裁切，一般書寫text（即按照文本的樣式裁切，僅保留文本的部分）然后將文本設為透明（webkit-text-fill-color屬性）就能實現漸變色文字等
下面就是一些字體實例了
.loukong{
/* 設置文字為透明，設置文本描邊*/
background-color: #00c4ff;
-webkit-text-fill-color: transparent;
-webkit-text-stroke:1px #000;
} .liti{
/* 文字左上設置多層淺色陰影，右下設置多層暗色陰影，文字色同背景色 */
background-color: #d2d500;
color: #d2d500;
text-shadow: -1px -1px 0px #e6e600,-2px -2px 0px #e6e600,
-3px -3px 0px #e6e600,1px 1px 0px #bfbf00,2px 2px 0px #bfbf00,3px 3px 0px #bfbf00;
} .nihong{
/* 深色底色，淺色文字，多層淺色文字陰影，彌散大 */
background-color: darkgray;
color: white;
text-shadow: 0px 0px 15px #00FFFF,0px 0px 15px #00FFFF,0px 0px 15px #00FFFF;
} 英文或者筆畫稀疏的文本比較適合，筆畫多看起來會不太好
.chongdie{
/* 兩層背景，一層與被背景色相同，一層與文字色相同 */
background-color: gray;
color: #eee;
text-shadow: 5px 5px 0 #666, 7px 7px 0 #eee;
} .huanse{
/* 兩層背景，沒啥技巧 */
background-color: darkgray;
color: white;
text-shadow: 1px 1px 0px #0000FF,2px 2px 0px #0000FF,-1px -1px 0px #E31B4E,-2px -2px 0px #E31B4E;
} .fangsheng{
/* 要把陰影與大小配合好，一般來說大小都是偏大時采用 */
font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
text-transform: uppercase;/* 全開大寫 */
font-size: 92px;
color: #f1ebe5;
text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
font-weight: bold;
letter-spacing: -4px;
background: linear-gradient(to bottom, #ece4d9 0%,#e9dfd1 100%);
} 因為需要用到背景裁切（-webkit-background-clip），所以需要再嵌套一個背景div
.jianbian{
background-color: #009195;
}
.jianbian-inner{
background: linear-gradient(90deg,#f88,#88f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/* -webkit-text-stroke: 1px #000000; */
} 以上就是全部內容了，靈活運用css的屬性，就能創造出很多你想得到的和想都想不到的特效，甚至一些連寫腳本都很難實現的特效，所以，努力探索css吧，沖沖沖！
轉自簡書：喬一丁_2020強化班
原文鏈接：https://www.jianshu.com/p/b7fd3cf53924
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
