原创 @media 判斷設備大小加載不同的css

@media screen and (min-width:1200px) and (max-width:1960px){     #page{ width: 1100px; }#content,.div1{width: 730px;}#s

2018-08-26 12:54:11

原创 web端的 觸屏操作介紹

原文地址：http://www.cnblogs.com/bugong/p/3942988.html 1、Touch事件簡介 在移動終端上的web頁面觸屏時會產生ontouchstart、ontouchmove、ontouchen

2018-08-26 12:54:09 1

原创 JavaScript基礎知識

JavaScript基礎 賦值用等於號 = 一些系統的方法，函數用括號 () 定義變量 var x=1; var y=‘xxx’; var z; 無值變量，其實是undefined var p=null; 其值爲空。 h=‘asd’;

2018-08-26 12:54:09

原创 一個簡單的零配置命令行HTTP服務器 - http-server (nodeJs)

原文地址http://www.cnblogs.com/lucker/p/4108838.html 一個簡單的零配置命令行HTTP服務器 - http-server (nodeJs) http-server 是一個簡單的零配置命

2018-08-26 12:54:09 4

原创 純CSS 實現 3級導航欄

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* X>Y 選擇器是尋找 父元

2018-08-26 12:54:06 2

原创 H5學習之22 CSS-導航欄的創建

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> ul {

2018-08-26 12:54:06 3

原创 H5學習之20 CSS-table

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link href="css.css" rel="s

2018-08-26 12:54:06 2

原创 1.width是核心內部元素，margin,padding,border值不屬於width 2.absolute 兩個絕對定位的元素如果是同一父元素會發生重疊，而不是與float一樣會正常排布

1  一個元素的width值，不包括 padding，border，margin值。只是最核心的內容的寬度。 內部再有元素，內部元素的 margin border padding都算在外部元素的 width值裏。屬於外部元素的核心內容寬高

2018-08-26 12:54:04

原创 H5學習之17 CSS-text設置

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link href="css.css" rel="s

2018-08-26 12:54:04

原创 H5學習之16 CSS

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link href="css.css" rel="s

2018-08-26 12:54:04

原创 H5學習之23 CSS 水平對齊(定位，調整位置)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">

2018-08-26 12:54:04

原创 H5學習之21 css-padding-margin-outline

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> p{

2018-08-26 12:54:04 2

原创 如何讓文字或者其他元素 移動到div的底部，與底部貼近。

兩種思路 1.如果是文字或者其他塊級元素。使用定位的思想。position：absolute，然後boottom：0。父元素注意要設置一下position：relative。因爲絕對定位是相對於最近一個非static定位的元素的相對位置。

2018-08-26 12:54:04

原创 web前端知識雜記（1浮動佔據居中空間）（2清楚內部的浮動效果） （3考慮佈局） （4letter-spacing導致textalign不居中用text-indent解決）

1 <div text-align:center> <div float:left>左側內容</div> 居中字體 </div> 這種情況下，即使外部div使用了 文本對其的居中方式。左側內容也使用了float。 但是在計算居中時，

2018-08-26 12:54:04 1