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问题
为什么离职
说客观原因,你改变不了的(倒闭,搬迁)
最大的优势、最大缺点
优势:发挥自己优点,自我认知清楚的
劣势:把缺点转为有点。写代码有强迫症,必须整齐
加班愿意
行业发展趋势
是否与同事领导发生过争执?怎么处理
标签:续集,浏览器,布局,html,视口,HTML5,font,size 来源: https://www.cnblogs.com/xinyuxiangwang/p/16328004.html