![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
YD-stars
这个作者很懒,什么都没留下…
展开
-
标准盒模型介绍、文本溢出
页面结构的划分:(上下、左右、外、里)盒模型:网页布局的基石,从盒子的内部到盒子的外围。先有框架,再有内容嘛,结构(HTML)是重点,样式(CSS)是用来修饰结构的。所以要先确定HTML标签,再来选用合适的CSS样式。布局的标签是通过HTML内在的上下文语境来决定当前的语义化的结构,这里记录一下起名字的方法: 小写的英文字母开头, 字母数字下划线连字...原创 2020-02-29 12:48:39 · 200 阅读 · 0 评论 -
html5移动端vw+rem页面适配详解、案例实践(flexible.js插件)
rem布局适配的原理简单来说,就是根据屏幕的大小,动态的改变html标签的font-size的大小,以此就可以配合媒体查询微调做到不同屏幕的适配。rem一般都有一个标配机型:大多数开发者调试页面,一般以两种标配机型为主要测试(UI一般只会提供 750px 或者是 640px 的设计稿,这就要求我们通过一张设计稿能够适配所有的屏幕)最常用的以iPhone6/7/8:750px现以相对较少...原创 2020-03-14 22:57:32 · 1861 阅读 · 0 评论 -
CSS弹性盒(Flex 布局)、怪异盒
标准盒模型:border长在元素的宽高以外,padding会把盒子撑大。如果想让盒子保持原有的大小,需要在宽高的基础上减掉padding !!如果一个盒子没有固定大小(被内容撑开),添加padding 不用减。怪异盒模型(IE盒模型):border和padding都是长在元素宽高内部的。 标准盒模型: box-sizing:content-box; 怪异盒模型...原创 2020-03-09 00:27:25 · 417 阅读 · 0 评论 -
html5+css3实现动画、逐帧动画效果
上篇博文中讲明了html5+css3实现2D-3D动画效果,介绍了html5中2d、3d的运用,顺便简明的提到了动画,而本篇将更加详细的说明动画的各运用及说明。首先我们需要了解css3中动画的意思,明了的意思就是能动态显示的页面效果,而使用动画,有两种实现方法 (js实现动画,css3实现动画)文章目录动画两大步骤关键帧@keyframes标题调用关键帧animation动画位移案例实现逐帧动...原创 2020-03-02 01:15:35 · 6460 阅读 · 1 评论 -
html5+css3实现2D-3D动画效果实例
html5+css3实现2D-3D动画效果实例主要实现的功能就是一些2D、3D的动画效果,如平移、缩放、旋转等等。文章目录html5+css3实现2D-3D动画效果实例2D变换3D变换2D中应用实现案例3D中应用实现案例css3动画2D变换是在一个平面对元素进行的操作。可以对元素进行水平或者垂直位移、旋转或者拉伸.*2d对下面面坐标系简单分析如下:(1).默认状态下,x轴是水平的,...原创 2020-02-29 12:20:44 · 1987 阅读 · 0 评论