Time of Update: 2016-09-08
標籤:方法 getElementsByName()
Time of Update: 2016-09-09
[筆記]CSS樣式聲明順序,css樣式聲明順序來自Bootstrap中文網編程規範相關的屬性聲明應當歸為一組,並按照下面的順序排列:.declaration-order { /* Positioning */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; /* Box-model */ display: block; float:
Time of Update: 2016-09-09
[轉]去除inline-block元素間間距的N種方法,inline-block間距來自張鑫旭-鑫空間-鑫生活[http://www.zhangxinxu.com]一、現象描述真正意義上的inline-block水平呈現的元素間,換行顯示或空格分隔的情況下會有間距,很簡單的個例子:<input /> <input type="submit" />間距就來了~~我們使用CSS更改非inline-block水平元素為inline-block水平,也會有該問題:.space
Time of Update: 2016-09-09
實現空心三角形,空心三角形 背景: 項目過程中有個tab切換需要用到空心三角形的效果。作為一名後端工程師,實在是不知道怎麼寫,在網上找了一些看了一下別人的實現方式,發現大多數都是實心三角。後來終於發現一個實現空心三角的,頓時熱淚盈眶啊。實現效果比較粗略,不過還是思路還是比較清晰的,借鑒了一下,在原有的基礎上做了一些改進,增加一些效果 空心三角原理:主要利用元素偽類(:before,:after)實現
Time of Update: 2016-09-08
CSS——Position定位,cssposition Position這個屬性定義建立元素布局所用的定位機制。任何元素都是可以進行定位的,不過絕對或者固定一個元素會產生一個塊級框,不論該元素是什麼類型;相對定位元素會相對於它在正常文檔流中的預設位置位移。 Position元素一般來說擁有五個屬性,分別有: 1.absolute(產生絕對位置的元素,相對於static定位以外的第一個父元素進行定位。元素的位置通過top、left、right、bottom進行設定。) 2.fixed(產生
Time of Update: 2016-09-09
常用meta整理,meta整理標籤提供關於HTML文檔的中繼資料。中繼資料不會顯示在頁面上,但是對於機器是可讀的。它可用於瀏覽器(如何顯示內容或重新載入頁面),搜尋引擎(關鍵詞),或其他 web 服務。 必要屬性屬性值描述contentsome text定義與http-equiv或name屬性相關的元資訊 可選屬性屬性值描述http-equivcontent-type / expire / refresh / set-cookie把content屬性關聯到HTTP頭部。nameauthor
Time of Update: 2016-09-08
認識position定位,position定位在html中,改變布局有兩種方式一種是float一種是position定位,今天解釋一下什麼position定位。position是CSS中非常重要的一個屬性,通過position屬性,我們可以讓元素相對於其正常位置,父元素或者瀏覽器視窗進行位移。postion屬性我們成為定位,它有4個不同類型的定位,這些類型會影響元素的產生方式,下面我們詳細說明position屬性。Position有4個屬性值:1.static、2.relative、3.abso
Time of Update: 2016-09-05
三言兩語之簡單上手sass,三言兩語sass背景: 初次接手公司的項目,雖然之前草草的看過一些sass的基礎知識,但是因為久未征戰,知識也早已隨風飄散,現在小複習一下記下一些常識中的重點。。sass是使用ruby寫的,所以使用前請先確保自己的機子中有了ruby的開發環境,在cmd下使用 ruby -v 命令可以查看當前的ruby版本。簡介及概述: sass是css的
Time of Update: 2016-09-05
前端HTML規範,HTML規範HTML規範 - 整體結構檔案應以“<!DOCTYPE ......>”首行頂格開始,推薦使用“<!DOCTYPE html>”。必須申明文檔的編碼charset,且與檔案本身編碼保持一致,推薦使用UTF-8編碼。根據頁面內容和需求填寫適當的keywords和description。頁面title是極為重要的不可缺少的一項。<!DOCTYPE
Time of Update: 2016-09-08
css中的position屬性,cssposition屬性在css布局中,position發揮了極其重要的作用,很多的網頁布局都要用position來完成。position有四個屬性值static、absolute、relative、fixed。static這個屬性工作表示預設的位置,在設定它的時候,可以取消繼承屬性,在一般情況下則不需要設定這個屬性。absolute這個屬性工作表示絕對位置。絕對位置的元素的位置相對於最近的已定位祖先元素,如果元素沒有已定位的祖先元素,那麼它的位置就會相對於最初
Time of Update: 2016-09-05
HTML5新增功能,html5如果說XHTML已經開始尋求取代HTML,那麼HTML5的實用性在於,它將兩種文法整合在一起,採用同樣有效方式來表達HTML的抽象DOM表示。HTML5規範結合了HTML4,XHTML1以及DOM層級2HTML,並進行了相應的更新。 HTML5取代XHTML 1成為HTML規範的XML序列化格式。開發人員既可以使用寬鬆的HTML文法,也可以使用嚴格的XML文法來設定HTML5文檔的格式。
Time of Update: 2016-09-04
有趣的CSS像素藝術,有趣CSS像素藝術原文地址:https://css-tricks.com/fun-times-css-pixel-art/#article-header-id-4友情提示:由於國內網路的原因,CodePen可能會打不開或者非常慢,請耐心等待! 像素藝術作為一種遺失的藝術形式,與超清晰,高解析度圖片相比黯然失色。我在CodePen上瀏覽時偶然發現了一些像素藝術,它提醒我這種藝術是多麼令人敬畏!See the Pen Pikachu pixel css by
Time of Update: 2016-09-05
CSS3_02,css3動畫1、轉換屬性:transform:取值:transform-function(轉換函式);2、轉換原點:預設元素的中心處;更改轉換原點:transform-origin:取值:數字/百分比/關鍵字;3、2D轉換:屬性:transform:取值:①位移:translate X(x)/translate Y(y)/translate(x,y);(* 位移函數,數值或百分比,x正右移,y正下移;);②縮放:scale(value)/scale(x,y)/scale X(x)
Time of Update: 2016-09-09
position定位,positionposition的英文意思呢是位置,方位; 地位,職位; 態度;
Time of Update: 2016-09-02
web前段課程學習 新手總結 2016.9.1 需記內容概要,前段2016.9.1<hr>分割線<div>盒子的使用<strong>字型加粗<br>換行<del>字型刪除線<ol>有序列表 - <li><ul>無序列表 - <li><dl>自訂欄表 : <dt> <dd>li+*+5+TAB=5個<li><iframe
Time of Update: 2016-09-02
css清除select的下拉式箭頭樣式,cssselect下拉式箭頭select { /*Chrome和Firefox裡面的邊框是不一樣的,所以複寫了一下*/ border: solid 1px #000; /*很關鍵:將預設的select選擇框樣式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在選擇框的最右側中間顯示小箭頭圖片*/ background:
Time of Update: 2016-09-02
String 字串對象,string字串對象在之前的學習中已經使用字串對象了,定義字串的方法就是直接賦值。比如:var mystr = "I love JavaScript!"定義mystr字串後,我們就可以訪問它的屬性和方法。訪問字串對象的屬性length:stringObject.length; 返回該字串的長度。var mystr="Hello World!";var myl=mystr.length;以上代碼執行後,myl 的值將是:12訪問字串對象的方法:使用 String
Time of Update: 2016-09-08
元素絕對位置以後設定了高寬,a標籤不能點擊的原因總結,高寬標籤元素絕對位置以後設定了高寬,a標籤不能點擊的原因:1、元素內並無內容2、背景是透明的,無任何背景圖或者顏色解決方案:1、如果不是絕對位置元素的,可以用相對定位2、給元素加透明的背景圖3、IE可以只用 background:url(about:blank) 解決第三種方法平時用用是可以的,但是在某種情況下會有bug,
Time of Update: 2016-09-02
關於html基礎學習總結-2016.8.31,html鍩虹-2016.8.31學習要點總結:PS匯出圖片(PNG JPG) 匯出後為PNG格式 PS匯出圖層等比例調節大小 按住SHFIT鍵(PS)ctrl+或者- 放大縮小圖片測試html瀏覽器 Google Firefox 歐鵬 IE 解析模式:標準模式 混亂模式 非標準模式UTF-8 :支援中文HTML別名 根項目/:關閉標籤TAB 標籤快速鍵HTML+CSS+JS=結構 + 表現 + 行為注釋:ctrl+
Time of Update: 2016-09-02
字串分割split(),字串分割split知識講解:split() 方法將字串分割為字串數組,並返回此數組。文法:stringObject.split(separator,limit)參數說明: 注意:如果把Null 字元串 ("") 用作 separator,那麼 stringObject 中的每個字元之間都會被分割。我們將按照不同的方式來分割字串:使用指定符號分割字串,代碼如下:var mystr =