所屬章節(jié)課程：正規(guī)是查詢的藝術(shù)
正則驗(yàn)證（正則驗(yàn)證網(wǎng)站）： http://tool.oschina.net/regex/# http://tool.chinaz.com/regex/ http://cs.smu.ca/~porter/csc/355/regexpal/
2019-09-021個(gè)贊
所屬章節(jié)課程：正規(guī)驗(yàn)證函數(shù)
正則驗(yàn)證函數(shù)： //函數(shù)：preg_match($pattern正則表達(dá)式,$subject要驗(yàn)證的字符串, $matches結(jié)果) 或 //函數(shù)：preg_match_all($pattern,$subject,$matches)
2019-09-021個(gè)贊
1.正則中要用到的字符(有特殊意義的，類似關(guān)鍵字)是不能用作定界符的。比如：/\w/ 2.反斜線"\"是正則中的轉(zhuǎn)義字符 3.推薦使用"/"或"#"作正則定界符
2019-09-021個(gè)贊
X HTML5格式： <!DOCTYPE html>//文檔類型聲明 <html lang="en"> <head> <meta charset="utf-8">//編碼 <title>標(biāo)題</title> </head> <body> 主體部分，瀏覽器可見部分 </body> </html>
2019-09-021個(gè)贊
全局屬性和其他 HTML實(shí)體：將特殊意義得符號轉(zhuǎn)換為實(shí)體代碼 1． 空格： 2． 左右尖括號： <div> <music> <!--結(jié)果：--> <!--<div><music>--> 3. 版權(quán)：© 結(jié)果： <b>©</b> 元數(shù)據(jù)： 1. 指定名/值元數(shù)據(jù)對 2.聲明字符編碼：<meta charset="utf-8"> 3.模擬HTTP標(biāo)頭字段 編碼：<meta http-equiv="content-type" content="text/html" charset="utf-8"> 跳轉(zhuǎn)： <meta http-equiv="refresh" content="3;http://www.baidu.com"> 全局屬性： 快捷鍵操作：accesskey 設(shè)置編輯狀態(tài)：contenteditable 隱藏：hidden Tabindex屬性
2019-09-021個(gè)贊
CSS3前綴：前綴寫在前面，標(biāo)準(zhǔn)寫法寫在后面 -webkit-border-radius: 50px;/*谷歌*/ -moz-border-radius: 50px;/*Firefox*/ /*標(biāo)準(zhǔn)*/
2019-09-021個(gè)贊
文本陰影text-shadow,指定了水平陰影，垂直陰影，模糊的距離，以及陰影的顏色 文本裁剪text-overflow,指定應(yīng)向用戶如何顯示溢出內(nèi)容（如：使用 "text-overflow:ellipsis":文本裁剪后后面是否添加省略號） 描邊屬性（谷歌）text-stroke-color、text-stroke-width、text-stroke必須加上前綴webkit
2019-09-021個(gè)贊
漸變色： 線性漸變：Linear gradient//徑向漸變：Radial gradient 從上到下：background-color:-webkit-linear-gradient(顏色1，顏色2，…) 從左到右：background-color:-webkit-linear-gradient(left，顏色1，顏色2，…) 從左上到右下：background-color:-webkit-linear-gradient(left top，顏色1，顏色2，…) 透明度：使用 rgba() 函數(shù)來定義顏色結(jié)點(diǎn)。rgba() 函數(shù)中的最后一個(gè)參數(shù)可以是從 0 到 1 的值，它定義了顏色的透明度：0 表示完全透明，1 表示完全不透明。
2019-09-021個(gè)贊
變形(變換)-旋轉(zhuǎn)、縮放、平移：transform、transform-origin Transform:平移translate、旋轉(zhuǎn)rotate(deg)、縮放和擴(kuò)大scale、傾斜元素skew
2019-09-021個(gè)贊
Css3過渡效果：(四種屬性可以合在一起寫，直接使用transition即可) Transition-property指定過渡或動(dòng)態(tài)模擬的css屬性；transition-duration指定完成過渡所需時(shí)間；transition-timing-function指定過渡的函數(shù)（緩動(dòng)）；transition-delay指定過渡開始出現(xiàn)的時(shí)間
2019-09-021個(gè)贊
Animation實(shí)現(xiàn)動(dòng)畫效果： 1.通過類似Flash動(dòng)畫中的關(guān)鍵幀來聲明一個(gè)動(dòng)畫-@keyframes 2.在animation屬性中調(diào)用關(guān)鍵幀聲明的動(dòng)畫 格式： @keynames name{ 0%{ ... } 50%{ ... } 100%{ ... } } 或 @keynames name2{ from{ ... } to{ ... } }
2019-09-021個(gè)贊
1.Web網(wǎng)頁布局模型：固定布局和流體布局，就是布局的長度是百分之百 2.從最低的分辨率開始設(shè)計(jì)1024*768 3.使用html5關(guān)鍵字標(biāo)簽可以搭建網(wǎng)頁，如header、content、section、aside、footer等 4.注意布局時(shí)浮動(dòng)的使用等
2019-09-021個(gè)贊
所屬章節(jié)課程：大型商業(yè)網(wǎng)站前端頁面的建置流程
1.使用fontawesome:搜索fontawesome中文網(wǎng)，下載字體圖標(biāo)庫，搭載環(huán)境并引入： <link href="css/font-awesome.min.css" rel="stylesheet">或 <link href="css/font-awesome.css" rel="stylesheet">，可以將中文網(wǎng)圖標(biāo)庫中任意圖標(biāo)<i>標(biāo)簽復(fù)制粘貼到網(wǎng)頁任意位置。 注意：字體圖標(biāo)設(shè)置大?。╢ont-size/size）方才顯示圖標(biāo) 2.制作網(wǎng)站首頁時(shí)，一般命名為index.html，名稱盡量使用英文，避免出現(xiàn)亂碼，同時(shí)注意編碼 3.網(wǎng)頁基本框架代碼： <!DOCTYPE html> <html> <head > 編碼 <meta charset="UTF-8"> <title>仿小米官網(wǎng)首頁</title> <style type="text/css"> </style> <link href="css/font-awesome.min.css" rel="stylesheet"> <!--網(wǎng)頁標(biāo)題圖片--> <link rel="shortcut icon" type="image/x-icon" href="images/bbb.png" > 外部css... 或js樣式 <script src="aaa.js" type="text/javascript"></script> ... </head> <body> </body> </html> 注意：外部引入的css文件要放置在<head>標(biāo)簽里 4.選擇器的使用： 類選擇器class：以"."開頭 如.a id選擇器：以“#”開頭 如#a 5.瀏覽網(wǎng)頁整體布局，分清區(qū)塊，自定義css(清楚網(wǎng)頁自帶樣式以及鏈接樣式等；其余自行設(shè)置，比如小米官網(wǎng)導(dǎo)航條部分想要與整個(gè)網(wǎng)頁的寬度一致，需要將其寬度設(shè)置為百分比-100%)等 希望有幫助！
2019-08-161個(gè)贊
所屬章節(jié)課程：小米商城首頁佈局架構(gòu)及導(dǎo)覽搭建
1. 網(wǎng)頁標(biāo)題里用小圖片方法： <head > <meta charset="UTF-8"> <title></title> <link rel="shortcut icon" type="image/x-icon" href="images/download.png" > </head> 2./*將網(wǎng)頁自帶樣式清除*/ *{ margin: 0; padding: 0; } 3.將鏈接默認(rèn)樣式去除 a{ text-decoration: none; } 4.居中對齊方法： .content{ width: 1226px; margin:0 auto; } 5. 設(shè)置浮動(dòng)，需要注意清除浮動(dòng) /*設(shè)置浮動(dòng)后要清除浮動(dòng)*/ .clear{ clear: both; } 6. Padding{上 左右 下} Padding{上 右 下 左} Padding{上下 左右} 7./*清除無序列表自帶樣式*/ ul{ list-style: none;或list-style-type:none; } 8.布局時(shí)，從大的框架入手更方便 9.類選擇器可以針對不同的對象，重復(fù)使用，類似的區(qū)塊不需要再設(shè)置class（比如在52:40處<div class="content_bottom_menu1">為你推薦</div>可以一致使用）/使用id選擇器，則是唯一的 10. 用“檢查”或“審視元素”獲取源網(wǎng)頁的字體樣式等，如字體顏色等 問題：57：26處“為你推薦”模塊應(yīng)放置在content里 導(dǎo)航條字體顏色為： #b0b0b0; <span>|</span> span{ color: #424242; margin: 0 .3em; }
2019-08-182個(gè)贊
所屬章節(jié)課程：小米商城首頁頭部導(dǎo)航及下拉框搭建
下拉菜單-使用div或ul標(biāo)簽 定位（難點(diǎn)）：絕對定位（脫離文檔流）/相對定位（占據(jù)文檔流） 給一個(gè)元素設(shè)置絕對定位absolute時(shí)，父級元素也要設(shè)置定位-relative（子元素是相對于父級元素而言） 快捷元素隱藏：display:none; 默認(rèn)顯示:display: block; 設(shè)置定位：position與top、bottom、left、right結(jié)合使用
2019-08-193個(gè)贊
