整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
下來我們來一步一步的把程序給寫出來。在這里，這是我們要做的東西。
·首先先這樣子，先把請出坤拳還有標題搞出來。這個標題我相信大家應該都會了，是不是在head這里加個title？坤拳，保存，坤拳有了。
·接下來就是這樣四個字：請出坤拳。怎么寫？是不是這樣子？把這個東西刪掉，請出坤拳，保存。請出坤拳這幾個字就這么出來了。但是這只是毛胚，這個才是精裝。所以大家應該會想到什么東西能把毛坯房變成精裝房？是不是CSS？所以我們得寫CSS代碼，把這個玩意包裝成這個玩意。
所以問題來了，CSS代碼應該寫在哪？是寫在head里面還是寫在body里面？前面我也提到過，這個區域里面顯示什么東西是跟body有關的？這個頁面的一些設置、配置是跟head有關的。body里面的內容套上什么樣的皮膚是不是跟設置有關？所以CSS的代碼應該是寫在head里面。
而且CSS也對應了一種元素叫style，這個就言簡意賅了，風格。風格就是這個東西到底長什么樣子？所以這里就是寫CSS代碼的地方。
·在寫CSS代碼之前先得明白一個概念，就是什么叫CSS選擇器。其實這個概念還是挺好理解的，CSS的工作原理其實就是根據一些條件篩選出哪些元素需要裝修，要裝修成什么樣子。
就比如現在請出坤拳屬于哪個元素的？是不是屬于body的？所以這里就可以這么寫：body，這是元素的名字，然后一對花括號。這段的意思就是說：接下來要給body里面的東西去做裝修了，至于裝修成什么樣是大括號里寫的代碼所決定的。這里的代碼一般都是左邊是屬性的名字，一個冒號，右邊是屬性的值。
比如請出坤拳是黃色的，自然而然的應該是能想到屬性叫color，所以color自動的補了個冒號，冒號左邊是屬性的名字，冒號的右邊就是屬性的值，比如yellow，黃色，已經保存了，切過來看是不是黃色，再改一下red紅的，green綠的，怎么樣？是不是言簡意賅？
大括號外面這一坨表示要開始裝修了，里面表示要把這個東西裝修成什么樣子，再改回來yellow，這個顏色就比較像了，縮回100%，縮放就是按住Ctrl鍵，鼠標滾輪滾來滾去就可以了。雖然已經變成黃色了，但是字還是太小了，所以肯定是要設置一下字的大小，這個也簡單，font這里聯想出來了size，這個就是字體的大小。
字體的大小的單位其實有很多種，有多少個像素，有多少英尺，有多少厘米等等，有很多五花八門的，是入門教程，所以以像素為例，像素是比較好理解的一個東西，比如來個50像素就是50PX，再來看一下，現在縮放是100%的，這個字是不是變大了？這個字是不是得居中？所以可以再加一個屬性就是text-align，文本對齊，對齊這里有什么？有居中，有左邊有右邊，肯定選居中保存，是不是過來了？雖然現在居中了，但是跟這邊還是有一些區別，比如這里面請出坤拳是偏下一點點的，這個是偏上的。其實改這個就可以順勢引出盒子模型了。盒子模型我準備是下面這一集視頻再細聊，所以這個問題先放著不管。
·還有個問題就是背景色應該是黑的，但是這里是白的，怎么把背景色從白色改成黑色？其實很簡單，按下F12把這個東西打開，打開之后這里有個小圖標，點一下變成藍色或者不是灰色的狀態，就是表示激活了。
激活了之后把這個東西挪過來，挪過來之后會發現什么？當鼠標指向請出坤拳這段文本的之后，下面這里是不是顯示了一個body？這個就說明整個淺藍色區域都屬于body。既然屬于body，是不是可以這樣子在這里去對body的背景顏色做個修改？所以來修改背景顏色，背景顏色就是background color，這里下面就直接有black，回車保存，是不是變黑了？
迎來到svg編輯器新品發布會，我是本次大會的主持人三兒。（有沒有一種打開蘋果新品發布會推文的錯覺 ）[狗頭]
首先要向大家隆重宣布，吊足大家胃口胖友們期待已久的svg編輯器正式上線啦！
我們的svg編輯器有非常多熱門、有趣、創意十足的svg效果，比如橫版無縫拼接視頻、音頻海報、小程序無角標、gif圖跟隨閱讀播放等。
不用代碼，不用花費高額的價錢定制，自己就可以DIY和其它知名品牌一樣的svg效果，是不是有億點點心動！
那在正式開始使用之前，三兒給胖友們整理了一份svg編輯器使用手冊，并附上了全面的功能解析，幫助胖友們快速上手，強烈建議大家收藏！
01 如何進入svg編輯器
—通過135編輯器進入
進入135編輯器后，在左側工具欄找到『svg編輯器』，點擊進入即可。
—直接輸入網址
胖友們也可以直接在瀏覽器粘貼網址進入，svg編輯器網址為：
https://www.135editor.com/svgeditor/
02 整體界面展示
Svg編輯器界面主要分為 4 個部分：左側效果選擇區、上方工具欄、右側效果設置區以及中間的效果編輯區。
—左側效果選擇區
左側效果選擇區域主要是編輯器效果的展示，你可以在素材、組合或是樣式里選擇你喜歡的svg效果進行編輯。
—上方工具欄
上方工具欄則是一些簡單的編輯操作，共有10個功能。包括上移/下移、間距、刪除、新建、保存、同步、導出、預覽、個人中心。
—右側效果設置區
作品效果的修改都在右側區域完成，該區域主要分為 2 個部分，一是編輯，二是教程。
—中間效果編輯區
中間的效果編輯區是對整個作品的展示，不僅可以及時看到作品的展示效果，還可以對不同區塊進行上移/下移、間距、刪除等操作，使作品的整體搭配更加協調、美觀。
03 核心功能介紹
—素材/組合效果，可自定義程度高
相比單個的svg樣式，素材的靈活度更高、可搭配性強，多種素材可自由組合。
目前的素材分類有無縫圖、點擊、滑動、長按、圖片輪播、超鏈接、小程序、音頻、視頻、點A見B、百葉窗、淘口令等，每一個大分類下又有多種不同效果選擇，比如視頻這個分類之下又有無縫拼接視頻和橫屏無縫拼接視頻兩種效果。
除了素材效果以外，svg編輯器還為大家準備好了 4 種圖文展開的效果，分別是點擊直接展開-自定義觸發、點擊換圖展開-自定義觸發、自動換圖展開-自定義觸發、點擊縮回再展開-自定義觸發，如果自己在效果組合上還不太拿手，可以嘗試使用組合素材。
—教程引導/案例展示，更好地引導使用
素材和組合的每一種效果都附有使用教程，鼠標懸浮于效果右上方的問號按鈕處，會彈出該樣式的id、教程及展示效果案例，掃碼可查看案例效果。
—『間距』新功能，作品展現更美觀
間距功能屬于一個新的編輯功能。使用方法：在編輯區域選中某個樣式區塊，點擊上方菜單欄的間距，可調整選中該區塊內外邊距的距離。
內邊距為該素材在紅色框線內的位置，外邊距為該區塊和上下區塊之間以及兩側邊距的距離。
—同步/導出代碼，怎么方便怎么來
編輯好的文章可以通過兩種方式復制到微信公眾號后臺，一是同步到微信公眾號，二是復制代碼。
同步：點擊上方菜單欄同步，在彈出菜單欄中根據提示填寫相關內容即可。授權公眾號的方法和135編輯器授權同步一致（點我查看如何授權公眾號）
導出：制作完成的svg作品代碼可以復制，復制的代碼可以直接粘貼到135編輯器使用（點擊html進入代碼模式，粘貼代碼即可），也可以在微信后臺保存使用（點我查看如何復制代碼到微信公眾號后臺）
—按引導編輯效果，操作更加簡化
三兒必須要吹爆這個功能，以往在135編輯器需要通過動畫功能或代碼才能完成對svg樣式的修改，但在svg編輯器，只需要在右側的效果設置區根據提示修改效果即可。
以超鏈接-無角標素材為例，右側需要修改的地方分別為添加封面圖、添加跳轉網頁鏈接，根據提示上傳圖片及鏈接即可，操作可以說是非常簡單了。
—圖片可直接拖動，方便快捷
如圖，該功能可以實現直接從左側上傳里拖動圖片到右側效果設置區替換圖片，無需重復上傳，一步到位。
04 和135使用上的區別
—效果可實現性更高
以往我們使用135編輯器時，習慣于查找svg樣式，但相對135編輯器的svg樣式來說，svg編輯器內的素材和組合效果是一種升級和增強，很多樣式實現不了的效果在素材和組合里會現。
—效果可自定義性更強
通常來說，135編輯器內的svg樣式是有一定限制的。以輪播圖片樣式為例，該樣式在135內限制了圖片的數量，即使是通過代碼也無法增加，而在svg編輯器的素材效果里，圖片數量可以在右側的效果設置區域直接增加，無需代碼操作。
因此，svg編輯器素材和組合效果靈活度更高，可自定義性強。
[鼓掌][鼓掌][鼓掌]
Svg編輯器上線初期
請大家多多關照
有什么建議都可以在留言中告訴三兒！
近我們后臺連續收到許多關于貓咪“咬人”或者“玩耍性攻擊”的咨詢，（天知道你們到底經歷了什么？）
圖自：貓研所
So，是時候解決咬人這種嚴重影響“人貓關系”的行為了！
鏟屎官們大概都有過這樣的體驗：前一秒小貓咪還在你的輕撫下呼嚕呼嚕地撒嬌，下一秒就猝不及防地抓著你的手啃了下去……
就像這樣：
車狠話不多。圖自：貓研所
大部分時候鏟屎官并無大礙，但偶爾也會在手上會留下一些“蘿卜絲”或小坑洞，這時鏟屎官不免心有余悸：
怎么玩得好好的，說翻臉就翻臉了？難道主子不愛我了嗎？
玩耍性攻擊
要知道，貓咪每天都需要狩獵游戲，游戲內容包括：跟蹤、追逐、進攻、伏擊、跳躍、擊打、撲打、抓撓、纏斗、啃咬等一系列動作。
移動的東西，常常觸發貓咪掠奪、狩獵的本能。鏟屎官晃動的手可能剛好成為了它的“狩獵對象”，從而對手發起攻擊。
圖自：Giphy
玩耍性攻擊
貓咪針對主人有些“粗魯”的以模擬狩獵為目的玩耍性質的攻擊行為被稱為——玩耍性攻擊。玩耍性攻擊一般見于幼貓和2歲以下的貓咪。
小時候沒有養成良好的習慣
有的鏟屎官覺得小貓咬人不怎么痛，也沒有出血，可能就不太重視這個問題。
行為顧問 Mieshelle Nagelschneider 認為，玩耍性攻擊的行為雖然普遍，但小時候不恰當的玩耍模式會加強這種行為。
圖自：Giphy
容易養成咬人的習慣
如果經常用手逗貓玩，小貓就會習慣性地把手當做“狩獵對象”。一旦養成咬人的習慣，長大后就很難改掉。
從小訓練不要用手逗貓，不要讓貓咪把手當成狩獵對象。圖自:4Gifs
可能會咬傷
隨著小貓長大，牙齒會變得更大更堅固，下顎也會變得更有力，這時咬人就很可能將人咬傷。
感到疼痛或不適
不喜歡你撫摸的力度或部位
資深鏟屎官都知道，擼貓也是講究手法、部位及時間的，如果你的撫摸令喵不適，它可能會通過咬人或抓人來告訴你“走開”。
圖自：網絡
車總的肚子神圣不可侵犯。圖自：貓研所
因疾病而感到不適
如果貓咪正在承受傷病疼痛（如外傷、關節炎、腫瘤等），一般的玩?；蛘邠崦涂赡茏屗鼈兏械讲贿m，這時它們也會通過咬人來表達自己的不滿。
如果以前玩耍習慣良好的貓咪突然比較暴躁，最近被觸摸后開始有咬人的行為，請帶去醫院進一步檢查。
合理游戲
首先鏟屎官們要接受貓咪每天都需要狩獵游戲這個事實，然后給主子安排合理的游戲時間、物品讓貓咪去追逐、撲咬。
游戲時，用逗貓棒逗貓而不是手！每天用逗貓棒逗貓咪既能滿足貓咪狩獵游戲需求，又能促進人貓互動。
陪車總游戲也是工作日常之一。圖自：貓研所
注意循序漸進
一開始時節奏較慢、動作溫和，然后逐漸增加游戲的興奮度和強度，并注意觀察貓咪的舉動。（不同的逗貓棒使用方法也不一樣，逗貓棒使用秘笈請戳 →《神奇動物2》之逗貓棒使用寶典
注意觀察貓咪
如果貓咪表現較為溫和，可以給與表揚和適當的零食獎勵。
一旦貓咪太興奮，或者開始露出爪牙，就要放緩游戲的節奏或暫停玩耍，這通常會讓貓平靜下來并收回爪子。
圖自：Giphy
?如果貓咪馬上平靜下來，可以繼續玩耍。
?如果貓咪沒有馬上平靜，那么在它平靜下來并縮回他的爪子之前都不要繼續游戲。
?如果玩耍時貓咪咬你或抓傷你，立即“冷處理”：停止玩耍，走開然后不理它。
安排好狩獵游戲后，下一步你需要做到——
擼貓有節制
雖然都說“擼貓一時爽，一直擼貓一直爽”，但爽的是鏟屎官并不是貓咪啊。
擼貓時麻煩考慮一下貓咪的感受。圖自：Giphy
當然，不擼貓是不可能的，重要的是要做到有節制的擼貓。有節制的擼貓能讓鏟屎官在享受擼貓快樂的同時，又不激怒貓咪。
撫摸時間不要太久
平時擼貓時注意貓咪能接受的持續撫摸時間。
如果你家貓咪經常在撫摸到5分鐘左右，就會出現因過度刺激而咬人的情況，那么你應該在3分鐘左右就停止撫摸。
擼貓雖好，可不要貪心哦！圖自：貓研所
不要把貓咪逼到崩潰邊緣，再去想為什么他咬你。
學會觀察貓咪身體語言
學會識別攻擊前的肢體語言，可以助你“喵口脫險”。
貓咪攻擊前信號
貓咪在攻擊前常常會通過一些肢體語言給出可能會咬人的警告信號。例如：耳朵變平、轉過身來盯著你、尾巴輕彈掃動、發出不滿的聲音等……
如果在警告信號發出時你熟視無睹，它只能通過咬、抓的方式強行讓你停下。
車式警告：莫挨老子。圖自：貓研所
最后，你還需要注意——
告別不正確的懲罰方式
訓練貓咪養成良好的玩耍習慣是一件日積月累的事情，在訓練中“翻車”是很正常的一件事，鏟屎官們一定要放平心態。
但有的鏟屎官被咬了以后總覺得：貓咪不聽話，打一頓就好了。于是采取各種懲罰貓咪的方法：打罵貓咪、噴水，甚至咬回去……
圖自：網絡
請收起這些可怕的想法，也許這些事情可以因為對貓咪產生“驚嚇”暫時中止它的攻擊行為，但是長期下去，十分不利于貓咪的性格培養以及和你親密關系的建立。
打罵貓可能會適得其反
打罵聲可能并不會被貓咪所理解，它可能會認為這是狩獵游戲的一部分，從而變本加厲地攻擊。
圖自：Giphy
長期下去可能會對你感到恐懼
貓咪是十分敏感的生物，如果長期感受到由你帶來的負面強化，可能會讓貓咪將不良經歷（疼痛/噴水等）與你聯系起來。
它們可能會認為你是創造痛苦和可怕事物的人，可能會因為恐懼、不信任而一直對你躲避或防備。
圖自:Giphy
最后，如果我不犯喵，喵還犯我，也記得要原諒它。
畢竟在打架方面，它也不是針對誰……
圖自：Giphy
【本期所長互動】
你家貓咪什么時候會攻擊你呢？
//////////
下課！
資料來源：
[1]Hetts, Suzanne. (1999). Pet Behavior Protocols. Lakewood, CO: AAHA Press.
[2]https://www.petmd.com/cat/training/evr_ct_how-to-stop-cat-from-biting#
[3] http://www.perfectpaws.com/cat_biting_and_cat_clawing.html#.XOYzyogzaUl
本文為貓研所原創，謝絕任意轉載
歡迎關注【貓研所】get更多科學養貓技能√
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
