前端:
C/S: 客户端/服务端 Client/Server ，一般基于桌面型应用架构模式B/S: 浏览器/服务端 Browser/Server ，一般基于浏览器的应用架构模式。前端：HTML 4.0/5.0 / CSS 2.0/3.0 JS(javascript).所谓的脚本语言，其实一种动态语言，一般是没有编译的。JQuery 2.0 / Bootstrap 3.0 /nodeJS。...
===============================================
HTML 4.0 / XHTML(XML + HTML) .html .htm<DOCXHTML v1.0><head><title></title></head><body></body><footer></footer></html>
- 标题 <h1></h1> ... <h6></h6>- 段落标签 <p></p>- 分割线 <hr/>- 换行 <br/>- 超链接 <a href="URL" target="__blank"></a> 锚点- 图片 <img src="链接" width=" height=""/>- 表格 <table>
<thead border="1">
<th></th>
<th></th>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
- 列表 <ul><li></li></ul> 无序。 <ol></ol>。有序- <dt></dt> <dl><dd></dd></dl>
- 表单: <form action="地址" method="GET/POST"></form>
- 表单/input： <input type="text" value=""/> 文本框<input type="password" value=""/> 密码框<input type="radio" name="同一个绑定成一组"/> 单选<input type="checkbox" name="同一个获取所有的"/> 复选框<input type="file"/> 上传文件<input type="button" value="按钮名称"/> 普通按钮<input type="submit" value="提交"/> 一个表单只能有一个submit<input type="reset"/> 重置<select name="city"><option value=""></option></select><textarea cols="纵列" rows="横行"></textarea> 富文本<button>button名称</button> 普通按钮
- 加粗 <B></B> <Strong></Strong>- 斜体 <i></i>
- 块元素 自动换行，支持设置宽、高等。<div></div><p><h1>..- 内联元素 不自动换行，不支持初始设置宽、高等。 <span></span> <input>...
CSS 2.0CSS 其实就是“形容词”，形容一个标签的。 .cssCSS有几种设置形式:1、内嵌。 <div style="color:red"></div>2、文件头部。<style> div{ } </style>3、外链文件 <link rel="stylesheet" href="....?v=1.1"></link>
CSS 选择器：1、ID选择器 <style>#a{ } </style><div id="a"></div>2、类选择器 <style>.a{ } </style><div class="a"></div>3、标签选择器 <style>div{ } </style><div class="a"></div>
颜色：1、十六进制 #ffffff/#fff 白色 #000000/#000 黑色2、英文 red black yellow green blue purple3、rgb / rgba rgb(255,255,255) 白色 rgb(0,0,0) 黑色rgba(255,255,255,0-1) 0-1 设置透明度4、opacity：设置透明度
长度单位:1、px 像素2、pt 点3、em 相对长度
CSS 文字:1、color: 文字颜色2、font: 字体设置所有。3、font-size: 大小4、font-family: 字体 微软雅黑 、arial5、font-weight: 加粗 blod6、font-style: italic; 斜体7、text-align: 居中 center;8、line-height: 行高
CSS 背景:1、background: 背景设置所有2、background-color: 背景颜色3、background-image: url(地址) 背景图片4、background-position: 背景图片位置 px top/left center5、background-repeat-x: 横向平铺6、background-repeat-y: 纵向平铺7、background-attachment：背景是否随着滚动
CSS 盒子 每一个控件都是一个盒子，盒子包括：外边距、内边距、边框1、border 边框1、border : 边框设置所有 1px #fff solid.2、border-top/right/bottom/left : 设置4个方向3、border:1px 0 0 0 上、右、下、左。顺时针4、border-color: 边框颜色5、border-style: 边框样式 solid 、dotted...6、border-width: 边框粗细7、border-radius: 边框圆角2、margin 外边距 元素与元素之间的边距1、margin: 外边距设置所有 上 右 下 左。2、margin-top: 上外边距3、margin-bottom: 下外边距4、margin-left: 左外边距5、margin-right: 右外边距
3、padding 内边距 元素内部与边框的间距。1、padding: 内边距设置所有 上 右 下 左。2、padding-top: 上内边距3、padding-bottom: 下内边距4、padding-left: 左内边距5、padding-right: 右内边距
CSS 位置 position：(原点为左上角)
1、absloute 绝对定位。一旦定位以后，找到已经定位过的父元素，如果没有定位的父元素，那么找body(top/left/right/bottom)2、relative 定位相对临近的元素的定位。(top/left/right/bottom)3、fixed 固定位置，不会滚动4、static 默认
CSS display 显示
1、display: block 默认为块元素显示方式。一般会换行。2、display: inline 默认为内联元素显示方式。3、display: inline-block 保证上面两种结合。最大特点支持样式保留4、display: none 隐藏，不会保留位置。5、visiblity： hidden 隐藏，会保留位置。
CSS 浮动 ： float，让控件整体向左，向右对齐。 float: left/right
1、浮动一般可以用于div 或者 图片设置在一行显示。2、清除浮动： clear：both;
CSS 尺寸设置 ：
1、width: 宽度 30%(百度比)2、height: 高度3、min-width: 最小宽度4、max-width: 最大宽度5、min-height: 最小高度6、max-height: 最大高度
CSS 轮廓 : 位于盒子外层
1、outline: 设置轮廓全部 outline: 1px dotted red;2、属性参考边框。
CSS 显示次序
1、z-index: -1 一般最低层 1 100 1000 数字越大显示最外层
CSS overflow
1、显示超过范围的设置，一般都是hidden。
CSS 伪类 一种行为，一种动画效果
1、:vistited 打开过后效果2、:active 点击效果3、:hover 悬停效果4、:link 链接样式
CSS 优先级：
1、!important > 内嵌写法 > ID > 类设置 > div > *
JS基础
JS 定义: 动态脚本语言。Javascript简称。基于浏览器，不需要额外按钮环境。
JS 输出: alert( 警告框 ) console.log( 控制台输出 ) confirm( 确认框 ) propmt( 输入框 );JS 变量: var 在JS中变量可以重复定义。
JS 数据类型：typeof()检测数据类型。 Number Object String
JS 函数：function 函数名( 输入参数){ return 输出参数; }
JS 作用域：对于函数内部来说，优先使用内部变量。如果内部没有则使用全局变量。
JS 数组：var a = new Array(); var a = [1,2,3];a.sort();a.concat("");a.push("");往尾部添加一个数据。a.pop();往尾部删除一个数据a.length 数组长度。for( var i = 0 ; i < a.length; i++ );for( var key in a ){}JS 对象: var a = { a : "b" , b : functino(){ return 10; } }调用1、a.a调用2、a["b"]
JS 事件: 一般事件属于DOM文档操作对象。用于监听按钮等控件发起的操作监听。事件有几种设置方式：1、内嵌式： <input type="button" οnclick=""/>2、script设置式: <script> document.getElementById("xx").onclick = function(){}; </script>3、全局设置式: <script> document.onclick = function(){} </script>
事件的种类：1、点击 onclick2、聚焦 onfocus3、失焦 onblur4、值改变 onchange5、输入 oninput6、鼠标移动 onmousemove7、鼠标进入 onmouseenter8、鼠标移出 onmouseleave9、鼠标按下 onmousedown10、鼠标弹起 onmouseup11、鼠标移开元素 onmouseout12、键盘事件，按下 onkeydown13、键盘事件，弹起 onkeyup键盘常用按键keyCode：1、keyCode 回车：132、keyCode 空格：323、keyCode 左上右下: 37,38,39,40
扫一扫
246
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
