h5+css3
文章平均质量分 97
夕山雨
前端的魅力,超乎你想象!
展开
-
Flex布局讲解
目录一、什么是Flex布局?二、Flex的基本概念三、Flex的语法规则1. Flex容器属性(1). flex-direction本文所述内容主要参考自阮一峰的Flex 布局教程:语法篇和Flex 布局教程:实例篇,并对其进行一定的梳理和归纳,感兴趣的可以点击链接阅读原文。一、什么是Flex布局?Flex布局是 Flexible box(弹性盒子)的缩写,因此常被称作“弹性布局”,它是对传统盒模型的补充和增强。在传统的盒模型中,布局盒子与子元素的关联性较弱,概念性地说,布局盒子只是为内部元素提供了布原创 2020-11-16 15:58:11 · 3281 阅读 · 0 评论 -
meta标签使用手册
一、meta标签的含义<meta>是HTML中很常用的标签之一,用于描述一些与当前文档有关的元信息。所谓元信息,就是用来描述信息的信息。比如我们通过http发送了一个请求,那么请求主体就是我们的目标信息。而用于描述该信息的那些状态参数,如编码格式、超时时间、消息长度等,就是描述目标信息用的信息,它们就被称为元信息。对于一个HTML文档而言也是一样的。用于描述文档的编码格式、关键字...原创 2020-05-09 19:57:34 · 2277 阅读 · 0 评论 -
CSS3之媒体查询 - @media
目录一、媒体查询简介二、媒体类型查询三、媒体参数查询1. aspect-ratio2. color3. color-index4. width、height5. grid6. monochrome7. orientation8. resolution9. scan总结一、媒体查询简介媒体查询,简单来说就是检测用户浏览当前网页所使用的设备。常见的媒体设备包括电脑、智能手机、平板电脑、屏幕阅读器、...原创 2020-05-04 18:40:27 · 2250 阅读 · 0 评论 -
Sass/SCSS:让CSS书写更高效
目录一、Sass/SCSS使用简介1. Sass和SCSS的关系2. Sass简介3. Sass/SCSS、Less还是stylus?一、Sass/SCSS使用简介1. Sass和SCSS的关系没有用过Sass的人很可能会有这样一个疑惑,Sass和SCSS是一个东西吗?其实本文的标题已经给出了暗示,它们本质上是一个东西。具体来说,SCSS是Sass版本3使用的语法。Sass 1.xx和Sa...原创 2020-04-19 19:01:54 · 4153 阅读 · 0 评论 -
CSS3之色彩与渐变
长久以来,在网页中使用最为广泛的色彩模式就是rgb模式。rgb模式通过r(red,红色)、g(green,绿色)和b(blue,蓝色)三原色的混合来构成其他颜色,每种原色的混合比例用一个0~255之间的数值表示,0表示不混入该颜色,255表示混入纯色。...原创 2019-10-26 19:05:28 · 3241 阅读 · 1 评论 -
CSS3之2D与3D转换
在CSS3中新增了很多关于2D和3D转换的标准,它允许将页面元素在2D和3D空间内进行移动、缩放、旋转、扭曲等。所谓的2D转换,指的是元素可以在平面内进行位置或形状的转换,而3D转换指的是元素可以在三维空间(也就是立体空间)内进行位置或形状的转换。我们先来看一下几个2D和3D转换的简单效果(文末附带相关代码,感兴趣的可以新建一个txt文件,将代码粘进去保存,然后将文件后缀改为html,双击运行即...原创 2019-10-20 20:23:02 · 1530 阅读 · 0 评论 -
HTML5之原生拖拽
随着互联网的发展,人们对前端体验的要求不断提高,过去纯点击式的网页操作难免让人感到厌烦。为了使用户操作更简便,HTML5中新增了一项功能 - 拖拽,它允许用户以鼠标拖拽的方式来操作网页,这更加符合人们的操作习惯。实际上该功能更多的是依赖JavaScript API的支持。除了支持在浏览器内部拖拽元素外,该接口还支持从浏览器外部向浏览器内拖拽文件,它借助的是操作系统的支持以及HTML5新增的另外一个...原创 2019-09-29 11:42:37 · 3414 阅读 · 5 评论