前端1 什么是前端前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript2 前端开发的技术栈HTML超文本标记语言 H...
本文主要和大家分享HTML和CSS重难点知识点总结，希望能帮助到大家。怎么让一个不定宽高的 p，垂直水平居中? 使用 Flex只需要在父盒子设置：display: flex; justify-content: center;align-items: center;使用 CSS3 transform父盒子设置: position:relative p 设置: transform: translate(-50%，-50%);position: absolute;top: 50%;left: 50%;使用 display:table-cell 方法父盒子设置: display:table-cell; text-align:center;verti...
整个前端开发的工作流程产品经理提出项目需求UI出设计稿前端人员负责开发静态页面(跟前端同步的后台人员在准备数据)前后台的交互测试产品上线(后期项目维护)互联网原理当用户在浏览器输入网址的时候，就会发送到对应的服务器，请求该网址对应的网页信息服务器会把该网址对应的网页资源，都下载到你电脑的临时文件夹临时文件夹中的资源，通过浏览器显示出来(所以，我们第二次请求网站的时候，速度会快很多)元素行内元素：一行中有n多...
1. 盒子模型 CSS处理网页内容时，会把每一个元素"放在"一个盒子里,也就是所谓的盒子模型。 盒子模型包括4部分：内容,内边距(padding),边框(border)和外边距(margin) 上图展示了整个盒子模型的内容，怎么样？简单吧。如果你认为简单，那就大错特错了!! 盒子模型里边有一个坑，就是取元素的height和width时，可以多种方式来指定这个高和宽属性。换句话说在某些情况下，一个元素的height和width是不一样的。那么究...
一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3. JavaScript是用来实现...
css变形 transform <span style="font-family: "Microsoft YaHei"; font-size: 14px; color: #999999">跟css背景有关的属性 <span style="font-family: "Microsoft YaHei"; font-size: 14px; color: #999999">css颜色表示的方式 <span style="font-family: "Microsoft YaHei"; font-size: 14px; color: #999999">css3选择器（三）—伪类选择器 <span style="font-family: "Microsoft YaHei"; font-size: 14px; color: #999999">css...
一. 热区 map 热区，area 点击区域 shape="circle" 圆型，coords="圆心点X，圆心点Y，圆的半径" shape="rect" 矩形，coords="矩形左上角x，矩形左上角Y，矩形右下角X，矩形右下角Y" shape="poly" 多边形，coords="第一个点X，第一个点Y，第二个点X，第二个点Y..." 热区
一，html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. Ja...
都说前端容易，谁说的。前端上手快，越往后学习越困难。学习前端快一年了，依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。 （1）title前面的logo。 就像这个编辑文章前面的logo。不知道大家知不知道这个图标是如何加载过来的。反正我之前不知道。。。如果大家知道的话就直接忽视掉我吧。当我自己做笔记了吧。 这个rel后面要写shortcut icon，代表这是title的logo图片。如果是样式表的话，就要写style...
em 1em = 元素自身设定的或是父元素继承的font-size值 1 left margin = 24px2 left margin = 18px3 left margin = 12px 1 h1{font-size:24px;}2 h2{font-size:18px;}3 p{font-size:12px;}4 h1,h2,p{margin-left:1em;} font-weight 值100~900并没有固定的加粗度，一般与某个变形名等价，400对应normal，700对应bold，其他视关键字情况而定。 Times假想加粗指定 字体 指定关键...
Keywords: meta; http-equiv; map; table; form; 字符实体 HTML基础 标签 meta标签描述了一些基本的元数据。 12345678 为搜索引擎定义关键词: 为网页定义描述内容: 定义网页作者: 每30秒中刷新当前页面: http-equiv属性 12345678910111213141516171819202122232425262728293031323334353637 http-equiv顾名...
1.HTTP:超文本传输协议 HTTP请求（HTTP request）部分： 请求行【HTTP方式（get或者post）；请求url；HTTP版本】 请求头 空行 消息体 HTTP响应（HTTP response）部分： 状态行【HTTP版本；响应码；响应描述】 响应头 空行 消息体 2.常见特殊符号 空格 小于＜ < 大于＞ > 版权号© © 已注册 and & & 长破折号...
CSS定位有四种模式：static、relative、absolute、fixed，其它static是默认值，下面分别讲解下各自的特点； static：静态定位，处于动态布局流中，按照页面中的各元素先后顺序、父子关系自动排列与布局，每个静态定位元素均占用动态布局的一块空间； relative：相对定位，处于动态布局流中，如果设置了偏移量（LEFT或TOP的值），则会有相应的位置调整，位置调整的标准是基于上一个处于动态布局流中的元素（即：设为static及re...
1.head直接添加一下js代码：viewport标签 minimal-ui：iOS 7.1 的 Safari 为 meta 标签新增 minimal-ui 属性，在网页加载时隐藏地址栏与导航栏。想了解这些属性，请查看链接：如图: 在过去，用 Safari 打开一个网页后是这样的： 始终强调人性化设计的苹果当然注意到了这点，于是在 iOS 7.1 的 Safari 中为 meta 标签新增 minimal-ui 属性，让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。 如...
一、特殊选择器 1、* 用于匹配任何的标记 2、> 用于指定父子节点关系 3、E + F 毗邻元素选择器，匹配所有紧随E元素之后的同级元素F 4、E ~ F 匹配所有E元素之后的同级元素F 5、名称[表达式] 5.1 E[att] 匹配所有具有att属性的E元素（[att]获取所有的定义了att的标签；E[att=val] 匹配所有att属性等于“val”的E元素； 5.2 [att=val] 获取所有定义了att属性并且属性值等于val的标签； 5.3 [att^=val]获取所...