HTML5续集
H5 input新增属性
1.color 拾色器
2.Email 电子邮件
3.tel 电话
4.datetime-local 本地日期和时间
5.range 范围
6.url 路径，地址
7.search 搜索
8.time 时间
9.week 周数
10.number 数字
outline:none;
input 光标清除
双飞翼布局：移动端顶部布局设置
REM布局
1.什么是REM
rem是根据根目录html的font-size大小，可以设定页面的相对值
2.REM原理
rem是相对值，根据根目录html的font-size大小
浏览器默认字体大小16px,当不设置html根目录的font-size值时，1rem=16px
REM布局原理
rem是根据根目录html的font-size大小，可以设定页面的相对值
rem设置
html{font-size:62.5%}
3.Rem,em,px区别
Rem参照html的font-size大小
em参照腹肌的font-size大小
Rem,em是相对值
px是固定值
移动端页面
苹果手机二倍图 三倍 四倍
88*88缩小一半，像素较高
44*44
iPhone6/7/8 大小 尺寸 750*1334px 真实尺寸 375*667px
视口：布局视口，视觉视口，理想视口
理想视口是布局视口=视觉视口
rem是相对于根元素<html>的font-size
1rem=10px
双飞翼布局怎么实现？
依据怪异盒模型将父级和子级宽度设置相同宽度，自己通过padding-left和padding-right空出左右，通过定位将左右padding-left和padding-right地方
CSS hack浏览器兼容
Chrom safari firefox ie 360 搜狗
优先级：！important>id>class>tag important比内联优先级高
浏览器兼容前缀
谷歌 -webkit-
Ie -ms-
火狐 -moz-
欧朋 -o-
如果某个css对浏览器不兼容，可以写兼容前缀
兼容前缀作用有限
<!DOCTYPE html>
Html5
块元素：header,footer,section,aside,nav,figure
语义化标签：header,footer,section,aside,nav,figure,article,dialog
CSS3行元素：
link和import（引入）区别？
Link和import都是链接样式表，link外部链接样式表
import是引入样式表
link不仅可以链接样式表，还可以链接其他文件
行内块：img button input
视频video自动播放不管用，怎么解决
Muted静音
标准盒模型定位在顺序中哪个位置
定位在外面
音频audio自动播放不管用，怎么解决
通过js
常用来设置透明度的方式有几种？他们之间有何区别？
Opacity 0-1 内容跟着变半透明
Rgba 背景，仅限于背景
设置行内元素居中对齐用什么属性？ text-align:center;
哪些元素默认有外边距？
Body,p,h1-h6,ul,ol
实现时针转动效果需要用到CSS中哪些关键技术？
动画
h5本地存储
localstorage（楼口四到睿智）
sessionstorage
cookie（库剋）
布局方式
双飞翼布局
圣杯布局
pc端
弹性布局 flex布局
优势：不用浮动，不需要解决浮动带来的问题，也不需要清除浮动。自动调节间距
响应式布局
原理：@media多媒体查询
优点：一个页面适用于多个设备
缺点：重复的代码比较多，代码冗余
src和href的区别?
答案:
(1) href:href是Hypertext Reference的缩写,表示超文本引用。用来建立当前元素和文档
之间的连接。并行下载该文档,不会停止对当前文档的处理.
(2)src:src是source的缩写,src指向的内容会嵌入到文档当前标签所在位置.
如img、script、ifram当浏览器解析到该元素时,会暂停浏览器的渲染,直到
该资源加载完毕.
伪类
伪元素
:before
:after
content:””;
定位
怎么写三角形，梯形
Width:0;
Height:0;
Border-left:10px solid transparent
宽高设置为0，通过四个方向的边框设置不同颜色不需要颜色的其他三个边框设置transparent，就可以实现梯形和三角形
为什么离职
自己改变不了的
Ⅰ公司搬迁
Ⅱ倒闭
Ⅲ不交社保
人力资源和你说不给你交社保，转正之后
特别不好不合适的情况，不要直接拒绝，我回去考虑一下
3-5规划（积蓄，能力，爱好“读书，自控，自律”）
你自己最大的优势/劣势
优：表达
简历：
1.手机号和邮箱同时
2.专业技能最新放第一点，技术名称英文加上，技术要点概括全面
3.工作简历时间 写准确
4.项目经验（项目名称，项目描述，项目职责）
项目名称：记得写时间，最新项目写最上面
项目描述：是对这个项目简单概括，介绍做什么。
项目职责：你再项目当中做了什么，用什么技术实现什么效果。
至少写4点
自我评价：自学能力，团队精神，责任心
加上自己作品链接或者博客链接更好
技术问题：当月及当月之前所有学过的知识
HR问题
为什么离职
说客观原因，你改变不了的（倒闭，搬迁）
最大的优势、最大缺点
优势：发挥自己优点，自我认知清楚的
劣势：把缺点转为有点。写代码有强迫症，必须整齐
加班愿意
行业发展趋势
是否与同事领导发生过争执？怎么处理
HTML5续集的更多相关文章
- 使用HTML5开发Kinect体感游戏
一.简介 我们要做的是怎样一款游戏? 在前不久成都TGC2016展会上,我们开发了一款<火影忍者手游>的体感游戏,主要模拟手游章节<九尾袭来 >,用户化身四代,与九尾进行对决, ...
- 读书笔记：《HTML5开发手册》--HTML5新的结构元素
读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...
- HTML5 Boilerplate - 让页面有个好的开始
最近看到了HTML5 Boilerplate模版,系统的学习与了解了一下.在各种CSS库.JS框架层出不穷的今天,能看到这么好的HTML模版,感觉甚爽.写篇博客,推荐给大家使用. 一:HTML5 ...
- 戏说HTML5
如果有非技术人员问你,HTML5是什么,你会怎么回答? 新的HTML规范... 给浏览器提供了牛逼能力,干以前不能干的事...(确切地说应该是给浏览器规定了许多新的接口标准,要求浏览器实现牛逼的功能. ...
- nw.js桌面软件开发系列 第0.1节 HTML5和桌面软件开发的碰撞
第0.1节 HTML5和桌面软件开发的碰撞 当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Win ...
- Web大前端时代之：HTML5+CSS3入门系列
准备来一波新技术,待续.... Old: 联系源码:https://github.com/dunitian/LoTHTML5 文档下载:https://github.com/dunitian/LoTD ...
- 07. Web大前端时代之：HTML5+CSS3入门系列~H5 地理位置
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...
- HTML5 介绍
本篇主要介绍HTML5规范的内容和页面上的架构变动. 目录 1. HTML5介绍 1.1 介绍 1.2 内容 1.3 浏览器支持情况 2. 创建HTML5页面 2.1 <!DOCTYPE> ...
- HTML5 语义元素(一)页面结构
本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: <article>.<aside>.<figure>.<figcaption>.< ...
随机推荐
- Python Turtle库绘制表盘时钟
运行效果: 源代码: 1 # coding=utf-8 2 3 import turtle 4 from datetime import * 5 6 # 抬起画笔,向前运动一段距离放下 7 def S ...
- vue后台管理系统组件弹窗
//addFormVisibleIcon可在data中设置true与falsehttps://element.eleme.io/#/zh-CN/component/installation <e ...
- Elasticsearch 索引策略
Elasticsearch 7.6 索引生命周期 es的生命周期就对应了索引的策略,比如我们在使用elk的时候,由于数据量较大,时间比较久远的数据就没有那么有价值了,因此就需要定期的清除这些历史数据, ...
- python黑帽子(第五章)
对开源CMS进行扫描 import os import queue import requests # 原书编写时间过于久远 现在有requests库对已经对原来的库进行封装 更容易调用 import ...
- 详解javascript的eventloop(二)：eventloop和dom渲染
记住: JS是单线程的,他和dom渲染共用一个线程 JS执行的时候,会给dom渲染留一些时机 上一篇讲到eventloop的执行机制,但是在这个机制中的call stack执行完成后(包括第一遍的ev ...
- python基础练习题（题目 递归输出）
day19 --------------------------------------------------------------- 实例027:递归输出 题目 利用递归函数调用方式,将所输入的 ...
- 真实本人亲测Elasticsearch未授权访问漏洞——利用及修复【踩坑指南到脱坑！】
如要转载请注明出处谢谢: https://www.cnblogs.com/vitalemontea/p/16105490.html 1.前言 某天"发现"了个漏洞,咳咳,原本以为这 ...
- python学习-Day39-HTML-form表单
目录 HTML-form表单 form表单 属性action input标签(输入元素) 文本域(Text Fields) 密码字段 单选按钮(Radio Buttons) 复选框(Checkboxe ...
- shiro550反序列学习
Shiro550 shiro550和fastjson作为攻防演练的利器,前面学习了fastjson的相关利用和回显,本篇主要来学习一下shiro550的漏洞原理. 1.漏洞原因 在 Shiro < ...
- vue 设置动态标题
在 router/index.js 文件中设置 meta:{title:'标题'} 和 router.beforeEach,即可实现功能, 代码如下: import { createRouter, c ...