Time of Update: 2015-12-23
CSS如何設定對象中第一行文本的樣式,css第一行CSS如何設定對象中第一行文本的樣式:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。可能有時候需要特別設定對象中第一行文本的樣式,下面簡單介紹一下。代碼執行個體:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/"
Time of Update: 2015-12-23
div的背景是不是透明的,div背景是不是透明div的背景是不是透明的:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。這個問題比較簡單,但是可能對於初學者比較陌生,例如,有的初學者可能認為div的背景顏色是白色的,因為有時候看起來就是這樣的。下面通過一個執行個體來證明一下是不是這樣的。代碼如下: <!DOCTYPE html><html><head><meta charset="utf-8"><meta
Time of Update: 2015-12-21
用CSS3實現帶小三角形的div框(不用圖片),css3div現在看到了很多帶小三角形的方框,如、Mac版的QQ、QQ空間的時間軸等等,在聊天或者是發表的狀態的內容外面都有一個帶小三角形的矩形框包圍著,感覺看著很不錯,於是決定親自動手寫一個,我上次用的是位移背景圖片法,那麼今天就不用圖片,用CSS3實現一下,下面我們來看一下實現代碼。首先我們來看一下CSS3實現三角形原理:其實就是對於transparent的應用假如html代碼是這樣的<div class="arrow-up">
Time of Update: 2015-12-19
為什麼div右浮動後還會換行,div浮動換行為什麼div右浮動後還會換行:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。讓兩個div排列在同一行有多種方法,有些初學者可能會這樣寫,那就是左邊的div不浮動,右邊的div右浮動,以為這樣就可以達到兩個div在同一行的效果的,但是事實並非如此。代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author"
Time of Update: 2015-12-19
輕鬆學習JavaScript十九:DOM編程之在HTML文檔什麼位置編寫JS代碼在學習DOM編程的時候又回過頭去看了過去寫的JS代碼,並沒有考慮在什麼位置編寫JS代碼更加符合規範以及當HTML文檔載入完畢後再運行JS代碼的問題。在剛接觸JS的時候,寫過一篇博文:輕鬆學習JavaScript三:JavaScript與HTML的結合,只是單純就HTML與JS的結合說明JS代碼放在什麼位置,可能一些還是錯的,現在開始在博文中錯誤修正。開始學習DOM編程的時候又遇到了新的問題,那就是HTML文檔未載入完
Time of Update: 2015-12-19
輕鬆學習JavaScript十四:JavaScript的RegExp對象(Regex)一RegExp對象概述RegExp對象表示Regex,RegExp是Regex的縮寫,它是對字串執行模式比對的強大工具。RegExp對象用於規定在文本中檢索的內容。當您檢索某個文本時,可以使用一種模式來描述要檢索的內容。RegExp就是這種模式。簡單的模式可以是一個單獨的字元;更複雜的模式包括了更多的字元,並可用於解析、格式檢查、替換等。Regex可以規定字串中的檢索位置,以及要檢索的字元類型等。二建立RexE
Time of Update: 2015-12-18
css:Media
Time of Update: 2015-12-19
輕鬆學習JavaScript十五:JavaScript之BOM簡介大概用了二十天結束了JS第一大模組ECMAScript核心的學習,儘管ECMAScript是一個重要的標準,但它並不是JavaScript唯一的部分,當然,也不是唯一被標準化的部分。實際上,一個完整的JavaScript實現是由以下
Time of Update: 2015-12-18
Day_11.給新人follow代碼想到的,day_11follow這兩天讓新人(剛畢業,此前未接觸前端)切了個頁面,發現了一些問題,聯想到自己初入前端的時候因為沒人帶不可避免的也走了很多彎路,所以藉著跟他講解的機會,在這裡把新人切頁面中常見的問題和不好的習慣列舉一下。首先上psd:首先來分析一下頁面上最直觀的問題:下面再來看一下代碼:id名稱不規範,把導航寫成了banner,把banner寫成了header,很多人會覺得不以為然,只要我寫的樣式和標籤一一對應不就行了嗎?這麼寫,首先別人看上去就
Time of Update: 2015-12-19
[javase學習筆記]-6.2
Time of Update: 2015-12-17
為什麼設定的margin-top屬性不管用,margin-top不管用為什麼設定的margin-top屬性不管用:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。有時候大家可能會遇到奇怪的現象,儘管沒有任何的語法錯誤,但是設定的margin-top屬性不會起作用,下面就就結合代碼執行個體介紹一下產生此現象的原因和解決方案。原因一:外邊距合并margin-top屬性失效。代碼執行個體如下:<!DOCTYPE
Time of Update: 2015-12-16
CSS字元編碼引起亂碼,css字元亂碼亂碼引起的CSS失效原理:由於一個中文是兩個字元組成,在編碼不一致的情況下會引發字元的“重新”組合,(半個漢字的編碼字元與後面的字元組合產生新的“文字”)引發原本的結束符合“變異”,從而導致找不到結束符號,使得後面的CSS就會失效。小技巧1:CSS中出現的亂碼都是由於CSS字元編碼與頁面的字元編碼不一致所引起的,因此最直接的方法就是使字元編碼一致。將CSS指定編碼類別型,例:@chars
Time of Update: 2015-12-17
使用CSS如何?截取標題並用省略符號表示超出部分,css省略符號使用CSS如何?截取標題並用省略符號表示超出部分:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。眾多的網站都有這樣的效果,當新聞標題過長的時候,一般都會截取一部分,並且會在末尾使用省略符號(...)表示被截取掉的部分。這樣的效果當然也可以由背景程式員來完成,當然前台人員利用CSS也可以實現此效果,可以省卻很多後台代碼,有著不小的有點。下面簡單介紹一下如何?此種效果。代碼執行個體如下:<!DOCTYPE html>&
Time of Update: 2015-12-16
前端--嘗試以新角度深入理解CSS盒模型(1),深入理解cssCSS樣式規則的學習是很繁瑣和枯燥的,因為它不像物理、數學或者其他程式設計語言一樣有一些基本概念、有一些基本公理或者規則,其他所有的表現都是概念在這些公裡或者規則之下的邏輯遊戲,CSS是有一些基本概念,但它沒有說給你幾條規則然後所有的表現都是在這些規則之下的任意自由組合,你要推測一個樣式聲明塊的在頁面中具體是怎樣表現的,你幾乎靠非常少邏輯推理去推測出來,絕大多數是你知道並記住了這種寫法的聲名塊是具有怎樣的表現的。之所以為這樣也是因為樣
Time of Update: 2015-12-16
前端學習入門,學習入門 ================================學習階段==========================1、通讀w3school的HTML、XHTML、HTML5、CSS、CSS3、TCP/IP、Javascript、AJAX教程,其中的執行個體至少寫一遍! 做到對html、css、js有個大概的瞭解2、反覆閱讀經典書籍,並且實現書中的每一個例子。書籍清單如下:
Time of Update: 2015-12-16
HTML元素大小和位置相對於誰的問題,html元素大小誰的一、如果元素的position屬性值為absolute,那麼此時分為兩種情況:1. 父級(包括直接父級和間接父級)元素中沒有定義position屬性(即預設屬性static),那麼該元素會參照頁面,以頁面為基準進行定位,top, left等屬性會參照頁面。如果該元素的width和height屬性是百分數的話,那麼這兩個屬性也是參照頁面的寬度和高度。<!doctype html><html><head>&
Time of Update: 2015-12-16
css-position,position值描述absolute產生絕對位置的元素,相對於 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。(簡單情況下相對於瀏覽器視窗)fixed產生絕對位置的元素,相對於瀏覽器視窗進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom"
Time of Update: 2015-12-16
IE9父容器overflow:auto時,子容器狀態更改導致捲軸下出現額外空間的問題探討,ie9overflow IE的每次跟新都會有一些奇葩的bug,我們默默承受了。 這個問題在項目中出現困擾了我近一個星期,這裡記錄一下。看下面執行個體 <style> .panel{ width: 200px; overflow: auto; background-color: #f00; } .inner{
Time of Update: 2015-12-16
jQuery驗證外掛程式的例子(註冊)1 外掛程式支援IE8及以上的版本,不再支援IE6、7;2 使用範圍:企業層級的系統開發(使用者數目幾十到幾千人也行),統一安裝IE8以上的瀏覽器即可;3 如果是企業級宣傳網站,則不能使用; html:<script src="js/jquery-1.11.3.js"></script> <script src="js/jquery.validate.js"><
Time of Update: 2015-12-16
網易前端微專業,JavaScript程式設計基礎篇:數組任何一種語言數組都是比較重要的,其作為一種基礎對象應用很多,如Java你肯定少不了集合(List,Map)這些。因此本篇主要記錄JS的數組使用和常用方法。要點如下:1,數組建立兩種方式:var stu = new Array();var stu1 = [];這就和定義對象一樣:var cat = new Object(); var cat1 = {};推薦用後者,比較簡潔。如:var score = [1, 2,