Time of Update: 2016-08-12
link與@import的區別,link@import區別 我們都知道link與@import都可以引入css樣式表,那麼這兩種的區別是什麼呢?先說說它們各自的連結方式,然後說說它們的區別~~~ link鏈入的方式:<link rel="stylesheet" type="text/css" href="index.css"> @import匯入的方式: <style
Time of Update: 2016-08-11
使用BootStrap製作使用者登入UI,bootstrapui先看看勞動成果布局左右各一半(col-md-6)左側登入框占左側一半的10/12右側是登入系統的注意事項使用到的BootStrap元素well輸入框組(input-group)按鈕(btn-success)HTML代碼<div class="row" style="margin-top:30px;"><div class="col-md-6" style="border-ri
Time of Update: 2016-08-11
CSS知識總結(三),css知識總結CSS的常用樣式 1.字型樣式 1)字型名稱(font-family) font-family : <family-name> 設定文字名稱,可以使用多個名稱,或者使用逗號分隔,瀏覽器則按照先後順序依次使用可用字型。 如果字型名稱包含空格或中文,則應使用引號括起。 例子 原始碼:/* CSS代碼 */p{ font-family:"微軟雅黑","宋體";}<!-- HTML代碼
Time of Update: 2016-08-11
css 常用樣式,css樣式font-family 設定字型名稱可以使用多個名稱,用逗號分隔,瀏覽器則按照先後順序依次使用可用字型p { font-family:'宋體','黑體','Arial'; }font-size 設定字型大小length 用長度值指定文字大小,不允許負值percentage 用百分比指定文字大小,其百分比取值是基於父物件中字型的尺寸,不允許負值p { font-size:14px;}font-weight 控制字型粗細normal
Time of Update: 2016-08-10
HTML特效代碼大全,特效代碼大全1)貼圖:<img src="圖片地址">2)加入串連:<a href="所要串連的相關地址">寫上你想寫的字</a>1)貼圖:<img src="圖片地址">2)加入串連:<a href="所要串連的相關地址">寫上你想寫的字</a>3)在新視窗開啟串連:<a
Time of Update: 2016-08-09
CSS3利用text-shadow屬性實現多種效果的文字樣式展現,一、效過圖展示:已經是比較久之前學習的文字效果了。但是還是很實用很有趣的。利用CSS3提供的text-shadow屬性可以給頁面上的文字添加陰影製作效果,因此可以替換掉之前使用過的一些繁瑣的圖片。到目前為止Safari、FireFox、Chrome和Opera等主流瀏覽器都支援該功能。二、介紹CSS3的
Time of Update: 2016-08-09
如何讓360瀏覽器開啟網頁預設為“極速模式”,360極速 相信很多前端開發碰到這樣一個問題,我開發的網站大量用HTML5、CSS3,但是用360瀏覽器開啟的時候,居然預設使用相容模式,所有的新技能效果全沒了,天了嚕於是去網上找辦法解決,但是找到的據說360官方提供的方法:加meta標籤,加上去居然沒有效果,360你這是什麼鬼!下面這絕對是乾貨,沒有任何水份,上解決方案:在緊隨<head>後加上<meta content="webkit" name="renderer"
Time of Update: 2016-08-08
html元素溢出問題,html元素溢出我是一個初識html基礎的菜鳥,讓我感受部落格園的大愛吧!下面這個問題是建立在我對html現階段理解的程度上遇到的一個 元素溢出問題,希望能得到老鳥的指點。問題如下:希望有對該問題的多種不同解決方案,和網頁布局建議(希望有乾貨)。問題2:新手上路,很多企業級前端問題充斥大腦,全是問號,經驗是在工作中積累和沉澱出來的,在我步入前端的行列上希望有高手能推薦一些現在企業中比較常用的架構和學習方法。
Time of Update: 2016-08-08
關於標頭檔的一些常用<meta>,標頭檔meta一、常見的<meta>(摘自百度)1.設定編碼資訊<meta http-equiv="Content-Type" Content="text/html; Charset=utf-8" />設定語言<meta http-equiv="Content-Language" Content="zh-CN" /> 設定重新導向&nb
Time of Update: 2016-08-08
頁面配置一,頁面配置先分析做題思路一、布局1.因為剛剛學到表格版面配置,所以首先把頁面劃分為幾個部分2.經過觀察,發現這個表格可以分為6行,先把table和tr弄好3、把每一行的元素寫上(1)第一行 可以分為兩列第一列:一張圖片第二列:一行超連結(我用p包含),自動換行後,一個輸入框,一個普通按鈕(2)第二行 是一個儲存格先是一個<hr/>標籤下面一行裡面6個超連結,在一行,我自己的思路總習慣用p標籤包著(3)第三行 是一張圖片(4)第四行
Time of Update: 2016-08-04
中國移動官網自編,中國移動官自編原始碼:<!DOCTYPE html><html><head><title>中國移動官方網站</title><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css"><link rel="shortcut icon" type="" href="favicon.ico">&
Time of Update: 2016-08-04
safari
Time of Update: 2016-08-01
Web前端開發css基礎樣式總結,web前端css樣式Web前端開發css基礎樣式總結顏色和單位的使用文本樣式(text)font-style:字型樣式italic,oblique斜體font-size:設定字型的大小font-weight:設定字型的粗細,bolder最粗font-family:設定文字字型,楷體,隸書等等font簡寫屬性: style weight size
Time of Update: 2016-07-30
關於HTML面試題匯總之H5,試題匯總h5一、H5有哪些新特性,移除了哪些元素?如何處理h5新標籤的瀏覽器安全色性問題,如何區分html和html51. html5不在是SGL(通用標記語言)的一個子集,而包含了:映像、位置、儲存、多任務等功能2.
Time of Update: 2016-08-01
SVG描邊動畫原理,svg描邊動畫SVG描邊動畫原理其實很簡單,主要利用以下兩個屬性stroke-dasharray 製作虛線,使得黑白相間,stroke-dashoffset 使得虛線向開頭位移,這裡的1500不精確,是我隨便取的,下文介紹通過JS擷取長度。動畫就是減少虛線位移,那麼實線就會慢慢漏出來了 JS擷取長度 var path = document.querySelector('path'); var length =
Time of Update: 2016-07-30
關於table排版,table排版colspan和rowspan這兩個屬性用於建立特殊的表格。colspan是“column span(跨列)”的縮寫。colspan屬性用在td標籤中,用來指定儲存格橫向跨越的列數: 在瀏覽器中將顯示如下:儲存格1儲存格2儲存格3儲存格4 該例通過把colspan設為“3”,
Time of Update: 2016-07-30
字型屬性設定之一:Google瀏覽器12px以下字型的顯示;方法和原理,Google12px前言:chromeGoogle瀏覽器預設的字型大小為16px;可以通過設定font-size來設定字型大小但是當設定到12px以下的時候字型大小不再改變;對於想設定其他大小的字型就很頭疼,本文參考網上的方法,並對該方法以及原理介紹;並對該方法的弊端進行闡述並提出一種合適的解決辦法 1.適用對象: block 或者inline-block類型; 2.方法(該方法先以p標籤舉例)
Time of Update: 2016-07-29
JCrop+ajaxUpload 映像切割上傳的執行個體代碼,jcropajaxupload先給大家展示下:頁面代碼裡面使用者的uuid是寫死的test<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE><html
Time of Update: 2016-07-29
jquery常用的12個小功能,jquery常用12功能jquery12個常用功能極好的,快來圍觀!返回頂部使用JQuery的animate和scrollTop方法可以建立簡單地返回頂部的動畫:// Back to top$('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800);});HTML中得有一個按鈕:<!-- Create an anchor
Time of Update: 2016-07-29
基於Bootstrap實現的下拉式功能表手機端不能選擇功能表項目的原因附解決辦法,bootstrap功能表項目基於Bootstrap做的下拉式功能表在電腦瀏覽器中可正常使用,在手機瀏覽器中能彈出下拉式清單,卻不能挑選清單中的功能表項目,通過自己百度尋找原因將bootstrap指令檔中的ontouchstart 替換為