整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
面布局（layout）
header 頭部/頁眉；
index 首頁/索引；
logo 標志；
nav/sub_nav 導航/子導航；
banner 橫幅廣告；
main/content 主體/內容；
container/con 容器；
wrapper/wrap 包裹（類似于container）；
menu 菜單；
sub_menu/second_menu 子菜單/二級菜單；
list 列表；
section 分區/分塊（類似于div）;
article 文章；
aside 側邊欄/廣告；
footer 頁腳/底部；
title/sub_title 標題/副標題；
news 新聞；
hot 熱點；
pro 產品（product）；
company 公司；
msg/info 信息（message）/消息；
ads 廣告（advertisements）;
icon 小圖標；
img 圖片（image）；
copyright 版權；
contact_us 聯系我們；
friend_link 友情鏈接；
tel 聯系電話（telephone）；
address 地址；
& nbsp; 空格（&和n之間的空格去掉,不要忘記分號）;
<br/> (文字末尾添加)換行；
CSS樣式（style） CSS 層疊樣式表 (Cascading Style Sheets) ；
background 背景；
background: -webkit-gradient(top red orange yellow green lightblue blue purple) 顏色漸變；
position 位置/定位；
relative/absolute/fixed 相對定位/絕對定位/固定定位；
float 浮動；
clear 清除；
vertical-align: middle/top/bottom; 垂直居中/上/下；
line-height 行高；
margin 外邊距；
padding 內邊距；
border 邊框；
solid/dashed/dotted 實線/線虛線/點虛線；
border-radius 圓角；
shadow 陰影；
display 展示；
hidden 隱藏；
block/inline-block 塊元素/行內塊；
overflow 溢出；
cursor 光標；
cursor:pointer; 鼠標移上變為小手；
animation 動畫；
css sprites 雪碧圖/圖片精靈；
column 分列；
flex 彈性（布局）；
表單（form）與表格（table）
form 表單；
action 行為；
method 方式/方法；
input 輸入框；
label 標簽；
password 密碼；
radio 單選框；
checkbox 復選框；
btn 按鈕（button）；
submit/reset 提交/重置；
textarea 文本域；
select/option 選擇框/選擇項；
placeholder 占位符（起提示作用）；
search 搜索；
icon 小圖標；
autofocus 自動聚焦；
disabled 禁用；
checked 選中（單選框/復選框）；
selected 默認選擇項（下拉選擇框）；
required 必填項；
readonly 只讀；
table 表格；
thead/tbody/tfoot 表格標題/主體/底部；
colspan 跨列；
rowspan 跨行；
cellspacing 單元格間距（類似于margin）；
cellpadding 單元格邊距（類似于padding）；
border-collapse: collapse; 邊框合并（用于table上）；
脫離字幕的背單詞mp3的特點：每個單詞的完整的語音由單詞讀音、單詞拼讀、中文釋義讀音三部分組成，因此用這樣的mp3背單詞可以不用同步的lrc字幕，閉著眼睛也能背單詞。
一、前提條件。為了制作高質量的背單詞mp3，必須在要制作的電腦上有高質量的單詞真人語音庫(wav格式)，并安裝高質量的TTS語音朗讀引擎。wav格式的真人語音庫及語音朗讀引擎下載網址：http://www.lingoes.cn/zh/translator/speech.htm#lingoesenglish
當然，用口訣背英語單詞 V3.399 綠色版的軟件設置必須正確，軟件的幫助文件中已有詳細說明。
二、制作wav聲音文件。以下制作高考單詞3600mp3為例說明操作的主要步驟：
（一）打開“高考單詞3600.xls”，復制要制作的內容。
（二）在用口訣背英語單詞的主菜單上單擊“錄制wav”,打開“單詞測試、朗讀及錄音”窗口，單擊“粘貼導入”按鈕，結果如下圖所示：
為前端工程師，能根據需求快速確定樣式的書寫方案，回憶起曾經見過的 CSS 套路，如行云流水一般讓界面成型，是多么地暢快。把樣式早點搞定，不管是去寫邏輯部分、捯飭基礎設施，還是提早下班，都是很好的。
快速搞定樣式
但人力終有窮，為什么有時候看著一個設計給出的需求得折騰半天才能實現出來呢？這和我們在初學英語時寫作文磕磕絆絆、與外教對話磕磕巴巴是很相似的，歸根結底還是「基礎不牢」、「套路過少」。
暗記 —— Anki 學習法
那么那些快速打牢英語基礎、記熟語言交流模板的外語達人是怎么「不用很麻煩很累就提升英語能力」的呢？
答案就是 Anki，一個艾賓浩斯遺忘曲線的全領域通用記憶系統，可以幫助你用科學的方法記憶任何事物：法語單詞、《親密關系》的讀書筆記、排序算法……當然還包括 CSS啦！
什么都可以記的 Anki
Anki 是跨平臺的開源軟件，名字來源于日語「暗記（あんき）」，下載地址就在 Github 上：
桌面版： https://github.com/ankitects/anki
Android 版： https://github.com/ankidroid/Anki-Android/
其最基本的功能是添加問答卡片（點擊上圖中的「添加」按鈕），熟悉前端數據流的你可能會意識到這就是 Model：
一個我想永遠記住的知識點，有兩個字段：「正面」和「背面」
作為前端工程師，我們還會發現 Anki 的數據和展示是分離的，點擊上圖中的「卡片…」按鈕，可以打開卡片編輯器，熟悉前端數據流的你可能會意識到這就是 View：
自定義數據的展現形式，可以在簡單的模板引擎中使用 HTML5 、 CSS 和 JavaScript （ES6）
模板分為「正面模板」和「反面模板」：
編輯 Anki 復習卡片的正面模板
「正面模板」即是 Anki 在復習時向你提問的界面的模板，以我寫的卡片為例，其最終渲染結果是這樣的：
問答卡片的「正面」
而背面模板就是點擊「顯示答案」后展示的答案的模板。
你可以使用 JavaScript 來添加一些自定義的效果，可惜的是不能使用 npm 包，只能做一些倒計時、填空選擇、文本高亮等等效果：
自動在例句中高亮要背的日語單詞
Anki 會隔一段時間幫你復習這個問題，例如問題可以是「如何用 CSS 畫半透明帶陰影的箭頭？」，當你看到問題后花 5 秒回憶答案，然后點擊「顯示答案」。
自動計劃下一次復習的時間
如果完全想不起來要怎么畫，腦子一片空白，感覺面試被問到這題就慘了，那請點擊下圖中的「生疏/錯誤」的紅色按鈕，Anki 會幫你計劃下一次復習時間（一般是 10 分鐘后復習鞏固一次）。
如果想不起來，但是看到答案之后恍然大悟，奇怪自己剛剛為什么想不起來，就點擊灰色的「困難/模糊」按鈕；如果想起來了，就點擊綠色的「猶豫/想起」；如果感覺這個卡片太簡單了，最近不需要再復習，就點擊藍色的「順利/正確」按鈕。
那么我們在哪里可以找到別人整理好的 CSS 知識點卡包呢？
首先可以到官方的牌組分享網站上搜索，網址是 https://ankiweb.net/shared/decks/css，Ankiweb 和 Github 很類似，也是靠大家上傳自己的成果互相分享共同建設的。
其次是自己逛 css-tricks.com、www.awwwards.com 等設計網站時，看到值得記憶的內容便摘錄下來放到 Anki 里復習，如錢鐘書作讀書筆記一樣，日積月累最終成就大師。
不一樣的是錢鐘書的筆記作完就堆起來，而信息化時代的我們可以由 Anki 這個調度器來調整復習的頻率，讓想記住的每個內容都永不遺忘。
對于任何一個知識點，我們都是「一回生二回熟，三回四回成朋友」，所以人腦的遺忘曲線是這樣的一條曲線：
黃線表示知識點遺忘到這個程度（七八成）的時候就該復習了，復習完記憶強度回到百分百，并漸漸再下滑
有時候你以為自己看完一個 CSS 樣式分享覺得很酷，覺得自己會永遠記住，下次肯定想得起來。但事實是 10 分鐘左右就足夠這個知識點從短期記憶中被清空，并不會進入長期記憶。除非有 Anki 這樣的系統自動安排復習時間。
想了解更多記憶曲線相關的細節，可以看 NickyCase 的「如何永遠記住任何東西」，本文記憶曲線相關圖片來自他的交互式教程： https://ncase.me/remember/zh.html
NickyCase 的「如何永遠記住任何東西」
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
