Time of Update: 2016-09-08
標籤:方法 getElementsByName()
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-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-04
css處理水平置中問題,css水平置中1、水平置中設定-行內元素 通過父元素設定 1 text-align:center; ,讓父元素的內容置中2、水平置中設定-定寬塊狀元素 塊狀元素的寬度width為固定值,通過設定“左右margin”值為“auto”來實現置中的
Time of Update: 2016-09-08
HTML 編輯基礎,html編輯基礎HTML
Time of Update: 2016-09-05
中軟培訓第一周複習總結,一些需要記住的點:day1 HTML格式及簡單標籤: html 檔案一般格式:1 <html>2 <head lang="en">3 <meta charset="utf-8">4 <title>頁面名稱</title>5 </head>6 <body>7 頁面內容8 </body>9 </
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 =
Time of Update: 2016-09-05
日常知識點總結(一),知識點總結 關於前端規範的總結Html:1:嵌套的節點應該縮排四個空格2:屬性使用雙引號 eg:class=""3:單標籤(`<br> <hr> <img> <input> <link> <meta>`)不需要閉合。4:所有的代碼只用小寫字母5:定義編碼方式`<meta charset="UTF-8">`6:引入 `CSS` 和 `JavaScript`