原创 網站TDK三大標籤SEO化

網站三大TDK標籤SEO化title 網站標題description 網站說明keywords 關鍵字logo title 網站標題 具有不可替代性,是頁面的第一個重要標籤,是搜索引擎瞭解網頁的入口 和 對網頁主題歸屬的最佳判斷點

原创 CSS僞元素after,顯示字體圖標 Font Awesome

HTML <li class="arrow-ioc">我的品優購</li> CSS /*聲明字體圖標*/ @font-face { font-family: 'FontAwesome'; src: url('../fonts/

原创 文本溢出-省略號顯示超出的文本,text-overflow屬性

<li><a href="#"><strong>[重磅]</strong>啦啦啦我是賣報的小行家嚶嚶嚶嚶嚶嚶</a></li> CSS li{ height: 24px; line-height: 24px; overflow:

原创 項目文件夾目錄、結構

  需要如下文件夾 名稱 說明 項目文件夾 shopping 樣式類圖片文件夾 images 樣式文件夾 css 產品類圖片文件夾 upload 字體類文件夾 fonts 腳本文件夾 js                 需要創建如下文件

原创 CSS定位 position 相對定位 絕對定位 固定定位 靜態定位

1.爲什麼需要定位? 標準流和浮動 , 難以實現一下情況 某個元素可以自由的在一個盒子內移動位置,並且壓住其他盒子。 當我們滾動窗口時嗎,盒子是固定屏幕某個位置的 2. 定位組成 定位 = 定位模式 + 邊偏移 定位模式通過CSS的p

原创 Chrome開發者工具不完全指南

Chrome開發者工具不完全指南(一、基礎功能篇):http://www.cnblogs.com/constantince/p/4565261.html Chrome開發者工具不完全指南(二、進階篇):http://www.cnblogs

原创 MOOC課程《web前端開發》筆記,1概述

1.1概述 基本概念: Web——Web系統 前端——網頁上爲用戶呈現的部分 開發——編寫代碼 Web系統——以網站的形式呈現,通過瀏覽器訪問,完成一定功能的系統 後端——與數據庫進行交互,完成數據存取 網站設計與web前端開發的關係:網

原创 DIV盒子模型-外邊距合併問題

1.相鄰元素垂直外邊距的合併 當上下相鄰的兩個塊元素(兄弟關係)相遇時,如果上面的元素有下外邊距margin-bottom,下面的元素有上外邊距margin-top,則它們之間的垂直間距不是margin-bottom與nargin-top