原创 HTML CSS筆記變形效果-過渡效果-動畫效果
一.transformCSS3 提供了元素變形效果,也叫做變換。它可以將元素實現旋轉、縮放和平移的功能。屬性有兩個:transform 和 transform-origin。對於 transform 的屬性值,具體如下表://向水平和垂直各
原创 谷歌將頁面轉換爲png
按F12,接着按Ctrl+Shift+P 在彈出框輸入full
原创 HTML CSS筆記列表與表格
加粗:<b>b</b> <strong>strong</strong>換行:<br /> <wbr>安全換行</wbr>傾斜:<i>i</i> <em>em</em>刪除:<s>s</s> <del>del</del>下劃線:<u>u</u
原创 HTML CSS筆記文本效果-漸變效果-邊框圖片效果
文本陰影文本裁剪文本描邊文本填充線性漸變徑向漸變邊框圖片效果:一.屬性解釋CSS3 提供了一個新的屬性集合,用這幾個屬性可以嵌入圖片形式的邊框。這樣,邊框就可以自定義了。1.border-image-source //引入背景圖片地址2
原创 CSS3 多列布局
屬性及版本CSS3 提供了 columns 多列布局屬性等 7 個屬性集合,具體如下:由於 column 屬性集尚未納入標準,大多數瀏覽器必須使用廠商前綴才能訪問,好在主流的瀏覽器都可以很好的支持了。下面是主流瀏覽器的支持和前綴情況。通過上
原创 cmd DNS解析緩存
dns解析緩存:ipconfig /flushdns查看所有ip:ipconfig/all
原创 JS 事件入門
事件介紹事件一般是用於瀏覽器和用戶操作進行交互。最早是 IE 和 Netscape Navigator 中出現,作爲分擔服務器端運算負載的一種手段。直到幾乎所有的瀏覽器都支持事件處理。而 DOM2級規範開始嘗試以一種復合邏輯的方式標準化 D
原创 使用冒泡法進行排序然後用二分查找法找出33的位置 JS
var data = [33, 86, 12, 9, 66, 5, 10, 45, 11, 3]; function sort(data){ var i=0; while(i<dat
原创 階乘的算法
//方法一 var factorial = function factorial(i,a){ a = a || 1; if(i<2){ return a
原创 媒體查詢
/媒體查詢,參考部分Bootstrap 框架//當頁面大於1200px 時,大屏幕,主要是PC 端/@media (min-width: 1200px) { }/在992 和1199 像素之間的屏幕裏,中等屏幕,分辨率低的PC/@media
原创 輸入框和導航組件
一.輸入框組件文本輸入框就是可以在<input>元素前後加上文字或按鈕,可以實現對錶單控件的擴展。//在左側添加文字<div class="input-group"><span class="input-group-addon">@</sp
原创 Bootstrap 彈出框和警告框插件
一.彈出框 彈出框即點擊一個元素彈出一個包含標題和內容的容器。 //基本用法 <button class="btn btn-lg btn-danger" type="button" data-toggle="popover" title="
原创 Bootstrap 附加導航插件
一.附加導航 附加導航即粘貼在屏幕某處實現錨點功能。 //基本實例。 <body data-spy="scroll" data-target="#myScrollspy"> <div class="container"> <div cla
原创 柵格系統
移動設備優先在 HTML5 的項目中,我們做了移動端的項目。它有一份非常重要的 meta,用於設置屏幕和設備等寬以及是否運行用戶縮放,及縮放比例的問題。//分別爲:屏幕寬度和設備一致、初始縮放比例、最大縮放比例和禁止用戶縮放<meta na
原创 bootstrap 表格
<table class="table table-striped table-hover table-responsive"><tr class="info"><th>編號</th><th>姓名</th><th>性別</th><th>年齡