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续集的更多相关文章

  1. 使用HTML5开发Kinect体感游戏

    一.简介 我们要做的是怎样一款游戏? 在前不久成都TGC2016展会上,我们开发了一款<火影忍者手游>的体感游戏,主要模拟手游章节<九尾袭来 >,用户化身四代,与九尾进行对决, ...

  2. 读书笔记：《HTML5开发手册》--HTML5新的结构元素

    读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...

  3. HTML5 Boilerplate - 让页面有个好的开始

    最近看到了HTML5 Boilerplate模版,系统的学习与了解了一下.在各种CSS库.JS框架层出不穷的今天,能看到这么好的HTML模版,感觉甚爽.写篇博客,推荐给大家使用.   一:HTML5 ...

  4. 戏说HTML5

    如果有非技术人员问你,HTML5是什么,你会怎么回答? 新的HTML规范... 给浏览器提供了牛逼能力,干以前不能干的事...(确切地说应该是给浏览器规定了许多新的接口标准,要求浏览器实现牛逼的功能. ...

  5. nw.js桌面软件开发系列 第0.1节 HTML5和桌面软件开发的碰撞

    第0.1节 HTML5和桌面软件开发的碰撞 当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Win ...

  6. Web大前端时代之：HTML5+CSS3入门系列

    准备来一波新技术,待续.... Old: 联系源码:https://github.com/dunitian/LoTHTML5 文档下载:https://github.com/dunitian/LoTD ...

  7. 07. Web大前端时代之：HTML5+CSS3入门系列~H5 地理位置

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...

  8. HTML5 介绍

    本篇主要介绍HTML5规范的内容和页面上的架构变动. 目录 1. HTML5介绍 1.1 介绍 1.2 内容 1.3 浏览器支持情况 2. 创建HTML5页面 2.1 <!DOCTYPE> ...

  9. HTML5 语义元素(一)页面结构

    本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: <article>.<aside>.<figure>.<figcaption>.< ...

随机推荐

  1. WPF控件大全（表格）-学习总结

    Label标签 label控件:一般用户描述性文字显示. 在Label控件使用时,一般给予用户提示.用法上没有什么很特殊的,label控件的值记住:不是Text 而是 Content属性. TextB ...

  2. python爬虫---虎牙直播封面采集

    代码: import requests from lxml import etree # html解析库 source = requests.get("https://www.huya.co ...

  3. oracle查询出现科学计数法问题

  4. vue项目中返回之前页面数据不刷新的问题

    利用vue做项目的时候会有让用户选择当前页面的某些数据,然后再跳到下一页,而下一页是根据上一页的数据来的,有时候选择了上一页的不同选项,下一页的数据可能还是之前的 这个就属于vue的数据获取问题 解决 ...

  5. Linux磁盘分区fdisk命令操作(简洁版)

    实例(环境为: CentOS Linux release 7.2.1511 (Core), 3.10.0-327.el7.x86_64) 选择要具体操作的第二块磁盘(linux下一切是文件形式对应): ...

  6. 面试 | Java 算法的 ACM 模式

    (Java 算法的 ACM 模式) 前言 经常在 LeetCode 上用核心代码模式刷题的小伙伴突然用 ACM 模式可能会适应不过来,把时间花在输入输出上很浪费时间,因此本篇笔记对 Java 算法的 ...

  7. Linux 开启远程访问

    系统:Ubuntu16.0 虚拟机 问题:Windows访问Ubun被拒绝 解决方法: 1.先检测是否安装SSH服务 1 sudo apt-get install ssh 2.编辑ssh配置文件 1 ...

  8. QT-notepad++仿写

    最近小忙,准备学习下FFMPEG 涉及:工具栏使用,QAction,文件基本读写操作 Github地址:https://github.com/wsdassssss/notepad-

  9. JavaScript学习总结8-DOM

    今天学习了DOM的增删改查 innerText可以用来修改文本的内容,但是无法识别标签,要修改标签样式使用innerHTML 删除节点的步骤:先获取父节点,在通过父节点删除子节点 注意:删除节点是一个 ...

  10. Windows原理深入学习系列-强制完整性检查

    这是[信安成长计划]的第 24 篇文章 0x00 目录 0x01 介绍 0x02 逆向分析 Win10_x64_20H2 0x03 总结 0x04 参考文章 最近因为一些事情,拖更了三个周,大家见谅啊 ...