H5C3

H5C3面试题

1、什么是盒模型盒模型，是CSS布局的基石，主要规定了元素是如何显示元素间相互关系。具体有：content(内容）：内容的自身宽高，width和height。padding（内边距）：盒子边缘与盒子内容之间的空白区，内填充。border（内边框）：盒子边缘margin（外边距）：盒子边缘以外的距离。此外，在Ie5及更早版本中，元素的height包括的是除margin之外的所有属性的和，但在ie6之
走的是前方的路_端的是生活的苦·2020-07-19 14:37

前端学习之HTML、CSS

学习路线主要学习PC端网站布局：品优购静态网站功能点：基础页面点开页面到链接网页注册页面目的：精通网页布局，是前端人员的必备技能，为后面学习JS打好基础路线：HTML5基础->CSS3基础->H5C3提高
iiiiiill·2020-07-15 16:47

如何使用原生js控制video和audio的播放暂停切换

1.video给按钮添加点击事件如果想通过controls来控制也可以调用H5C3中视频的方法1.1html代码播放/暂停1.2JS代码varvideo=document.getElementById(
leaf ...·2020-07-14 02:12

H5C3（transition过度）

transition过渡1.过渡是怎么回事假如某个css属性P，它有一个初始值a，再设一个初始值b。指定P属性是可以过渡显示的，那么当P从a变到b时，会有一个动画的效果。注意：伪类的过渡会还原，非伪类元素动画执行完成后，会保存动画完成时的状态transtion的几个属性：transition-property:就是上面那个P，比如说你指定width发生变化，就填width;transition-d
残丶梦·2020-07-11 01:50

h5c3 视觉差

视差滚动（ParallaxScrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。原理通过前景与背景在场景移动时产生不同的视差，从而达到简单的立体效果页面上很多的元素在相互独立地滚动着，如果我们来对其它分层的话，可以有两到三层：背景层，内容层，贴图层例:QQtimhtml:Titlelogo首页下载动
℡清欢·2020-07-10 11:43

CSS3——3D旋转图（跑马灯效果图）

H5C3已是大势所趋了，之前看过一个新闻，Chrome将在年底全面转向H5，抛弃了Flash。。
weixin_30487201·2020-07-10 06:28

H5C3之2D转换

2D转换之translate2D转换2D转换是改变标签在二维平面上的位置和形状移动：translate旋转：rotate缩放：scaletranslate语法x就是x轴上水平移动y就是y轴上水平移动transform:translate(x,y)transform:translateX(n)transfrom:translateY(n)重点知识点2D的移动主要是指水平、垂直方向上的移动transl
萌新菜鸟前端·2020-07-06 12:20

H5C3小知识点总结

关于盒子模型如果给定宽度的div使用padding的话，会撑开盒子嵌套元素垂直外边距的塌陷问题：在父盒子中，如果给子盒子加margin-top，则会影响父盒子，父子盒子一起下移，该问题只出现在垂直方向的，左右margin不影响父盒子。解决方案：1.给父盒子指定一个1像素的上边框或者上内边距（会称开盒子）2.给父盒子添加：overflow:hidden关于float如果已经给行内元素添加了浮动，那么
浪漫前端·2020-07-06 02:42

H5C3新特性总结(三)

一.跟目标元素有关的拖拽事件1.ondragenter：代表有元素拖进来触发，只触发一次，进来一次触发一次2.ondragleave：代表有元素从我这离开触发，只触发一次，出去一次触发一次3.ondragover：代表有元素在我的范围内不断触发（一般用这个事件只是为了配合ondrop使用，在里面阻止事件默认行为让元素允许能被拖进来）4.ondrop：有元素拖拽到我的范围内松手触发的事件。但是这个事
庚中·2020-06-30 00:41

H5C3新特性总结(二)

一.径向渐变radial-gradient不管是线性渐变(线性渐变总结(一)有介绍)还是径向渐变,都是相当于当作背景图片来处理的,案例如下:background-image:radial-gradient(100pxatcenter,red30%,green30%,green60%,blue60%);说明:参数1:指圆的大小(指半径)和圆心的位置(水平和垂直,上面一个center代表两个都是cen
庚中·2020-06-30 00:41

H5C3新特性总结(四)

一.弹性布局总结:1.弹性布局介绍：会让子元素在主轴方向依次排列(相当于可以把子元素转为行内块元素);2.弹性布局使用:先在父盒子上开启display:flex(这句话意思是让子元素用弹性布局);2.1加在父元素身上的属性:justify-content:设置元素在主轴方向的排列方式flex-start:在主轴起点对齐flex-end：在主轴终点对齐center：在主轴居中space-around
庚中·2020-06-30 00:10

H5C3的一些属性

H5C3的一些属性伪类选择器伪元素选择器transition(过渡)盒子阴影盒子模型文字阴影背景属性渐变animation动画百分比动画伪类选择器伪类选择器:hover悬停:link当时写不出来没有访问过的链接
weixin_45060872·2020-06-29 15:49

h5c3

语义化标签:Titleheader{width:200px;height:200px;background-color:pink;}fieldset{width:400px;}头部标签导航标签块级标签脚部标签篮球足球羽毛球星期一星期二星期三注册信息用户名：密码：新增的inputtype属性值:类型****使用示例****含义****email****输入邮箱格式tel****输入手机号码格式url
℡清欢·2020-06-29 14:42

h5c3知识概述

H5C3《购物车宣传》案例综合运用h5c3知识且进行一定扩展能使用jquery完成网页常见交互行为实际工作开发当中能应对活动宣传页FullPage插件插件功能介绍基于jQuery的插件，它能够帮你很方便
黎明启程·2020-06-28 22:01

H5C3新增

CSS3新增属性用法整理：1、box-shadow（阴影效果）2、border-color（为边框设置多种颜色）3、border-image（图片边框）4、text-shadow（文本阴影）5、text-overflow（文本截断）6、word-wrap（自动换行）7、border-radius（圆角边框）8、opacity（透明度）9、box-sizing（控制盒模型的组成模式）10、resiz
weixin_30696427·2020-06-27 23:30

常见的H5C3面试题

CSS3的新特性1.怪异盒模型box-sizing:border-box2.渐变linear-gradient、radial-gradient3.背景background-image、background-size、background-origin4.伪类选择器p:first-of-type选择属于其父元素的首个元素的每个元素。p:last-of-type选择属于其父元素的最后元素的每个元素。p
黑马程序员西安中心·2020-06-25 16:01

H5C3新增内容总结记忆

CSS3CSS3选择器有哪些？答：属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些？答：1.颜色：新增RGBA，HSLA模式2.文字阴影（text-shadow、）3.边框：圆角（border-radius）边框阴影：box-shadow4.盒子模型：box-sizing5.背景：background-size设置背景图片的尺寸background-origin设置背景图片的原点back
愿·不忘初心·2020-06-25 10:36

HTML5+CSS3新增内容总结！！！！！绝对干货

说到H5C3会不会觉得东西好多啊，今天就整理了一份总结性的内容；CSS3选择器有哪些？答：属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些？
老姚666·2020-06-24 18:29

h5c3内容05

3D转换、动画(animation)3D转换3D坐标轴：用X、Y、Z分别表示空间的3个维度，三条轴互相垂直。如下图透视:perspective透视:如果希望看到3d效果,需要给透视设置给变换元素的父盒子,透视的值越大,效果越不明显可以将一个2D平面，在转换的过程当中，呈现3D效果。（没有perspective，便“没有”Z轴）;透视近大远小、需要设置给变换元素的父盒子、透视的值越大效果越不明显tr
Big-stone·2020-06-22 17:37

h5c3内容03

h5c3内容03css3的现状浏览器支持程度较差，需要添加私有前缀。选择器CSS3新增了许多灵活查找元素的方法，极大的提高了查找元素的效率和精准度。
Big-stone·2020-06-22 17:37

h5c3内容04

边框圆角、背景尺寸、背景原点、背景裁剪、线性渐变、径向渐变、2d转换边框圆角border-radiusborder-radius:上左上右下右下左border-top-left-radius:水平半径垂直半径;box-shadow:inset(内阴影)背景尺寸background-color颜色background-image图片background-position定位background-re
Big-stone·2020-06-22 17:06

文章标题

h5c3内容06伸缩布局主轴侧轴默认主轴从左向右，侧轴默认从上到下子盒子的排列方向是按照主轴的方向伸缩布局的属性:dispaly:flex;主轴：Flex容器的主轴主要用来配置Flex项目，默认是水平方向侧轴
Big-stone·2020-06-22 17:06

H5C3新特性

兼容性：支持ie9以上1.H5新增标签nav(定义导航链接部分)header（定义文档的头部）footer（定义文档的页脚底部）article（定义文章）section（定义文档的节，相当于div）aside（定义其所处之外的内容，边）手机移动端不需要考虑兼容性的问题，经常用到2.新增属性datalist与input搭配，下拉搜索框。3.新增表单color,选择颜色date选择日期email用于检
zaoxi6240·2020-06-21 15:14

H5C3新特性总结(一)

一.H5新增了布局标签1.新增了布局的属性新增的属性:header:头部区域nav:导航区域main：主体区域section:小区域aside：边栏article：正文footer：页尾区域以上标签其实就是div，只不过比div更加具备语义化，是H5中专门用来表示网页布局结构的标签是HTML5的规范出来以后才有的，那么就意味着会有兼容性问题，IE8和之前的浏览器不支持2.上面谈到的兼容性结节方案:
庚中·2020-06-21 14:11

HTML5+CSS3新增内容总结！！！！！绝对干货

说到H5C3会不会觉得东西好多啊，今天就整理了一份总结性的内容；CSS3选择器有哪些？答：属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些？
weixin_34178244·2020-06-21 11:09

H5C3内容01

meta标签用于描述网页的元信息。元:本身。1.h5新增语义化标签标签语义化:在合适的地方放合适的标签利于seo优化头部导航侧边栏文章底部IE低版本不兼容h5新增语义化标签，需要引入html5shiv.js可加条件注释ietest模拟ie6-ie112.新增表单类型输入邮箱格式手机号码格式输入url格式数字格式搜索框自由拖动滑块拾色器时间日期、年月日日期时间年月年周3.表单元素数据列表与input
Big-stone·2020-06-21 00:23

HTML5+CSS3新增内容总结！！！！！绝对干货

说到H5C3会不会觉得东西好多啊，今天就整理了一份总结性的内容；CSS3选择器有哪些？答：属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些？
王钰峰·2020-04-11 11:26

从0开始学习HTML5CSS3(一)

什么是h5c3数字是版本号，指的是第几套标准。
xinhongwu·2020-03-15 08:24

Days18 H5+Css3

实现动画，css3实现动画）一个是帧动画一个是补间动画什么是帧动画：使用定时器每隔一段时间更改当前元素的状态什么是补间动画：过渡(加过渡只要状态发生改变产出动画)动画（多个节点来控制动画）性能会更好在支持H5C3
biu丶biubiu·2019-12-11 20:07

2017.12.21-学习笔记：面试问题之H5C3有哪些新特性？

前言：面试中经常遇到，说一下H5C3新增了哪些？我们一般会回答其中某一些，例如header，footer，border-radius，transform等。
演员小新·2019-11-30 15:56

H5C3进阶（4）

弹性布局(伸缩布局)Flex是FlexibleBox的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。【演示：01-伸缩布局初体验.html】当给一个盒子设置了display：flex之后，这个盒子就有了
魔法 • 革·2019-10-17 21:59

H5C3时钟实例(rem适配)

1.原理分析和效果图先上效果图：屏幕适配上使用rem适配，假设用户的手机屏幕最下宽度是375px，而谷歌浏览器最小的字体大小为12px，所以我以375px为标准尺寸进行rem适配，即375px的屏幕设置html标签字体大小为12px，随着屏幕宽度增大，1rem也随之增大表盘使用的是圆角，使之展现为正圆的效果。刻度条其实是几条div通过rotate产生的，但是中间用一个遮罩盖住了（粉色区域）页面初始
---空白---·2019-10-02 22:00

艾宾浩斯遗忘曲线

www.cnblogs.com/sandy/archive/2012/11/21/2780994.htmlhttps://www.jianshu.com/p/a4db8a85ed91学习前端这么久了，HTML、CSS、H5C3
Sauron831·2019-09-25 22:00

(前端)在传智培训了将近五个月,简历不造假可以找到工作吗

会Jquery,h5c3,移动web适配,了解node,ajax,gulp,webpack,git。刚
1unnatural·2019-03-25 18:13

面试问题之H5C3有哪些新特性？

H5C3新增h51.语义化标签header、footer、aside、section、article、nav2.表单输入类型email、url、number、range、DatePickers、search
包淼淼·2018-11-19 14:52

h5c3 day2

1、边框图片：在内容变化的容器可以使用，边框自动填充border-image:图片资源切割的尺寸（切割位置距离对应的边的距离），默认单位px，不能使用小数/边框宽度平铺方式;border-image:url()167/20pxround;border-image-source:url();border-image-slice:167167167167;border-image-width:20px
LBunny_·2018-11-12 10:08

h5c3 day1

购物车宣传（宣传页）#通过鼠标滚轮切换全屏页面（FullPage插件）#搜索fullpagegithub下载后引入dist中css和js文件#js：transition帧动画，使用定时器，每隔一段时间更改当前元素状态#css3：animation补间动画，过渡动画（加过渡只要状态发生改变产出动画）性能会更好购物车宣传//active默认显示的页面index.js//初始化fullpage组件//1
LBunny_·2018-10-31 15:23

学习h5C3总结～

什么是html5？一些学习时候自己总结的部分特效和上课的部分笔记存在GitHub里面～GitHub链接h5并不是新的语言，而是html语言第五次重大修改的版本支持:所有的主流浏览器都支持h5(有选择性的支持[后面会讲解如何支持其他浏览器])改变了用户与文档的交互方式:多媒体:video视频audio音频canvas画板增加了新特性:1.标签语义化。2.本地存储性。3.网页多媒体。4.二维与三维。5
蓝海00·2018-10-27 17:36

3D切割轮播图（H5C3）

效果页面结构<>CSS：*{margin:0;padding:0;}.box{width:560px;height:300px;margin:100pxauto0;border:1pxsolid#ccc;position:relative;}.box.imageBox{list-style:none;width:100%;height:100%;transform-style:pres
$(薛定谔的喵)·2018-10-22 16:59

H5C3过渡

H5C3CSS3盒模型CSS3中可以通过box-sizing来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing:content-box盒子大小为width+padding+bordercontent-box:此值为其默认值，其让元素维持W3C的标准BoxMode2、box-sizing:borde
Frostbite2·2018-10-10 23:33

H5C3移动DIV（transition）

H5C3移动DIVdiv{width:200px;height:200px;background-color:pink;position:absolute;top:100px;left:100px;/*
細雨沐風·2018-10-09 14:10

jQ和H5C3实现--类似切水果游戏

效果图：当鼠标触碰时水果会消失利用了元素上树代码：Title*{margin:0;padding:0;}p{position:absolute;width:100px;height:100px;background-color:chartreuse;border-radius:0px300px0px300px;}varcolorArr=["yellow","orange","blue","gree
丸子哥哥·2018-09-09 20:20

H5和CSS3新特性总结

说到H5C3会不会觉得东西好多啊，今天就整理了一份总结性的内容；CSS3选择器有哪些？答：属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些？
转行杀猪的程序猿·2018-08-13 14:28

清风带你学-H5+CSS3基础（一）

H5C3课程目标掌握css3选择器使用掌握css3颜色的使用掌握css3阴影的使用掌握css3更新盒模型掌握css3渐变的使用掌握css3背景尺寸设置掌握css3过渡的使用掌握css3转换的使用掌握css3
清风丶Spirit_Breeze·2018-07-29 19:25

ASP.NET MVC自学总结

首先ASP.NET是Microsoft公司.NetFramwork框架的一个动态网页开发的核心技术集，他可以帮助.net方向的动态web开发人员快速高效制作动态网页交互，同样支持jquery，js和h5c3
田超凡·2018-05-16 21:22

HTML5（1.1）

H5C3《购物车宣传》案例综合运用h5c3知识且进行一定扩展能使用jquery完成网页常见交互行为实际工作开发当中能应对活动宣传页FullPage插件插件功能介绍基于jQuery的插件，它能够帮你很方便
每一段路丶都是一种领_b8f9·2018-04-23 09:27

H5C3(一)

由于期间电脑故障,早期最基础的笔记已经丢失,最初的入门用到了HeadFrist系列的入门资料,手边备有高三,大犀牛,DOM编程艺术,锋利的Jquery等资料,学习计划的安排借鉴于知乎,CSDN等多位大牛的建议,感谢并推荐印象笔记,得以保留部分资料,已升级为会员表示感谢.以下为正文:section,节点,段,部分新的语义标签是用来布局最外层的结构的,里层的内容仍然照旧,用div写IE9以下的版本不直
步卒·2017-03-04 10:02

Html5+Css3 Banner Animation 多方位移动特效

一直有打算研究H5C3的一些效果，趁此机会，赶紧学习一下！
·2015-11-07 11:57
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他