整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
個視頻來做一個可編輯的文字霓虹燈閃爍效果。顯示的文字是可以修改的，比方把這些英文刪掉，然后改成HELLO WORLD，過程中它是伴隨著閃爍，還有一個倒影的效果。
·來看一下代碼，html非常簡單，就一個h1的標簽，然后寫了一些基本的樣式。先來看一下，現在就這樣，但是這些字母還不可以編輯修改。
·要對這個元素進行內容編輯，給它添加一個contenteditable屬性，現在這些內容就可以修改了。
·再把外面這一圈線outline給它去掉，再給它添加個倒影。把outline設置為來添加個倒影，倒影用boselifly屬性，在下方1個像素，給個漸變顏色，倒影也出來了。
·再設置個字體顏色，文字的閃爍效果用動畫來控制，來寫個動畫，讓它五秒鐘完成線性的循環播放。
·來寫個動畫，控制一下字體顏色發生變化，百分之一百的時候字體讓它變成白色，再加個文字陰影，有點效果了。陰影多疊加幾層，讓它有一種發散開來的感覺，逐漸增加模糊的程度，沒問題。
·最后就是讓文字有閃爍的效果，這個也很簡單，給它增加一點中間的過程，來回往這兩個狀態來切換就可以了。這個大家可以自己來調一個合適的頻率，沒有問題，里面的內容是可以進行修改的。
這個視頻就到這里，感謝大家的收看。
font-size:設置字體大小:
該屬性值的單位可以使用相對單位和絕對單位，推薦使用px。(瀏覽器能夠識別的最小像素是12px)
p{
font-size:20px;
}常見尺寸單位：
font-family:設置字體:
如果需要設置多個字體樣式，則屬性值可以寫多個中間用逗號隔開即可，需要知道的是瀏覽器會從第一個字體屬性值找，直到找到自己設備有的字體顯示，自己設備沒有的字體，按設備默認字體顯示,推薦系統默認字體。
p{
font-family:"微軟雅黑",Arial;
}font-weight:設置字體粗細:
其屬性值有：normal正常不加粗、bold加粗、bolder更粗、lighter更細、number（整百的數字）、inherit繼承父級元素字體粗細
p {
font-weight:700;
}font-style:設置字體風格:
如設置斜體、傾斜或正常字體，其屬性值：normal默認值，標準字體、italic斜體、oblique傾斜
font:綜合設置字體樣式（字體樣式連寫）:
字體樣式連寫是有順序的，必須是嚴格遵循順序，其中不需要設置的屬性可以省略，font-size和font-family屬性值必須寫，否則字體連寫失效。
p{
/*font:font-style font-weight font-size/line-height font-family;*/
font:italic bolder 20px/10px Arial;
}提示：本文圖片等素材來源于網絡，若有侵權，請發郵件至郵箱：810665436@qq.com聯系筆者 刪除。
筆者：苦海123
其它問題可通過以下方式聯系本人咨詢：
QQ：810665436
微信：ConstancyMan
雙標簽：就是成對出現的，類似于這種 <html> </html>
單標簽：就是可以單個使用的，類似于 <br> 換行標簽 或 <hr>水平線標簽。
標簽的屬性是用來定義文字或字符的 顏色、寬高、粗細、大小、等，這個是標簽屬性的作用。
1、每一個標簽都有自己的屬性，單標簽和雙標簽都有。
2、一個標簽可以有多個屬性。
3、每個屬性都有對應的值，值要用單或雙引號引起來。
4、多個屬性之間使用空格隔開。
5、屬性沒有順序之分。
6、字體屬性值，必須是系統可以識別的字體，一般為系統自帶字體。
7、HTML5 中 font 屬性已經棄用。
源代碼：↓
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--網頁抬頭-->
<title>中央氣象局</title>
</head>
<body>
<!--水平線的寬度是500像素，這個width就是標簽屬性-->
<hr width="500">
<!--下面這個是多個標簽屬性，多個屬性之間用空格隔開-->
<font color="red" face="黑體" size="7">標簽屬性</font>
</body>
</html>
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
