全栈工程师也可以叫web 前端 H5主要是网站 app 小程序 公众号这一块 HTML篇 html(超文本标记语言,标记通用标记语言下的一个应用.) “超文本”就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素. 超文本标记语言的结构包括“头”部分(英语:Head).和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容. 测试浏览器为chrome(谷歌)浏览器 当然其他浏览器也可以 不过最好用谷歌 开发工具有记事本  Sublime  drea…
起名方式与CSS 一.起名方式(起名方式也叫选择器) 起名的目的是为了给标签添加属性 常见的3种选择器有 标签选择器   id选择器(使用的时候加#)    class选择器(使用的时候加.) 样式的要求是由选择器的权重来决定的 标签的权重为1  class的权重是10 id的权重是100 权重是可以叠加的. 比如 注意给一个标签起两个名字的时候千万不要这样起: 要在一个class或者id属性里面直接写两个名字的属性值 在两个名字之间加一个空格来区分两个名字: 之前咱们说了选择器有标签名 id…
知识点补充 一.浏览器的兼容问题(关于浏览器的兼容问题 有很多大佬已经解释的很清楚了 这个得自己百度去多花点时间去了解 这里咱们只说一下前面的漏点) 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题. 在网站的设计和制作中,做好浏览器兼容,才能够让网站在不同的浏览器下都正常显示.而对于浏览器软件的开发和设计,浏览器对标准的 更好兼容能够给用户更好的使用体验. 二.background-position ,雪碧图 为什么使用…
position定位与表单 一.position 1.Position细说 Position:relative; Left:100px; Top:100px; Position:absolute; Left:100px; Top:100px; Position:relative:如果设置值了,相对原来的位置进行调整 二者区别 absolute会脱离标准流,relative不会,relative虽然给值了,但是依然占有着原来的位置. Relative存在”形影分离”,所以一般情况下不建议添加值了,…
列表与边距探讨和行块 一.列表 1.无序列表(UL) 1)内部必须有子标签<li></li>2)天生自带内外边距 p也是自带 大家会发现用UL的时候内容前面会出现一个像这样的一个实心圆 可以用属性list-style 去掉也可以更换(list-style:none;)circle空心圆 disc实心圆 square正方形 none空 2.有序列表(OL) 1)内部必须有子标签<li></li> 2)天生自带内外边距 属性type(是标签属性只能写在行间) 有…
背景与边框 一.背景(backgound) 1.背景颜色:background-color:red;(简写:background:color;) 备注:ie9以下给body设置background-color可能不起作用 需要用到bgcolor(<body bgcolor=" ">) 2.背景图片:background-image:url();(简写:background:url();) 3.背景图片的平铺 1).平铺:浏览器默认平铺 2).只平铺横向和纵向:backgro…
文本.字体css样式与前期英语单词汇总 一.文本样式(text) 1.颜色:color:red; 2.文本对齐方式:text-align:left/center/right/justify; left:左对齐 center:居中对齐 reght:右对齐 justify:两端对齐 3.文本修饰:text-decoration:none/overline/underline/line-through; none:空 overline:上划线 underline:下划线 line-through:删除…
解决乱码: header("Content-Type: text/html;charset=utf-8"); 单词 局部的: local 全局的: global 静态的: static 参数: parameter 工具: implements 关键字 定义常量: const 类的创建: class 对象的创建: new 公开的: public 受保护的: protected 私有的: private 继承类: extends 拒绝重载: final 访问父级的常量.方法.静态属性: p…
浮动与伪类选择器 一.浮动(float) 1.标准文档流 标准文档流是一种默认的状态 浏览器的排版是根据元素的特征(块和行级) 从上往下 从左往右排版 这就是标准文档流 2.浮动(float)float:left/right; 因为标准文档流会使页面的状态固定 元素会自动从左往右,从上往下的流式排列 所以我们要给元素加一个浮动 使它脱离标准文档流的控制 效果:元素都加浮动,后面的元素会紧跟这前面的元素并排排列. 只要加了float,这个元素就会脱离标准文档流. 第一个加了float,离了标准文档…
JS开篇 一.js介绍 全称 javascript 但不是java 他是一门前台语言 而java是后台语言js作者 布兰登·艾奇 前台语言:运行在客户端的后台语言:跟数据库有关的 能干什么?    页面特效 开发网页游戏 后台开发等等 二.js和ECMAscript的关系 es不是语言 是js的标准 我们学习js得按es的标准学习 三.前端的三个层次 HTML  结构层 CSS  表现层 JS  行为层 四.js写在哪里 因为js和pho都是脚本语言 js写在script这个标签里 php写在<…