随笔分类 -  HTML+CSS

CSS动画transform、transition和animation的区别
摘要：CSS3属性中关于制作动画的三个属性：Transform,Transition,Animation。 1、transform：描述了元素的静态样式，本身不会呈现动画效果，可以对元素进行 旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。 transiti 阅读全文
posted @ 2018-12-16 15:46 心晴安夏 阅读(2999) 评论(0) 推荐(0)
meta标签的常见用法
摘要：一、定义和用法 <meta> 标签始终位于 head 元素中。<meta> 元素可提供有关页面的元信息（meta-information），元数据不会显示在页面上，但是对于机器是可读的。比如针对搜索引擎和更新频度的描述和关键词。 元数据（metadata）是关于数据的信息。元数据总是以名称/值的形式 阅读全文
posted @ 2018-09-05 10:05 心晴安夏 阅读(3178) 评论(0) 推荐(1)
rem自适应布局
摘要：rem自适应原理 rem是根据html的font-size大小来变化，正是基于这个出发，我们可以在每一个设备下根据设备的宽度设置对应的html字号，从而实现了自适应布局。更多介绍请看这篇文章：rem是如何实现自适应布局的。 rem的值 目前有两种，一种是根据js来调整html的字号，另一种则是通过媒 阅读全文
posted @ 2018-08-11 14:36 心晴安夏 阅读(318) 评论(0) 推荐(0)
前端自动化构建工具
摘要：全局安装是把包安装在Node安装目录下的node_modules文件夹中，一般在 \Users\用户名\AppData\Roaming\ 目录下，可以使用npm root -g查看全局安装目录 本地（局部）安装是把包安装在指定项目（要在指定的根目录下输入命令）的node_modules文件夹下（若没 阅读全文
posted @ 2018-07-13 21:05 心晴安夏 阅读(9954) 评论(2) 推荐(1)
CSS3中的选择器
摘要：通配符选择器 类选择器 id选择器 元素选择器 属性选择器 后代选择器 子元素选择器 兄弟选择器 伪元素选择器 伪类选择器 群组选择器 通配符选择器 类选择器 id选择器 元素选择器 属性选择器 后代选择器 子元素选择器 兄弟选择器 伪元素选择器 伪类选择器 群组选择器 这里总结一共有11种选择器， 阅读全文
posted @ 2018-05-05 11:48 心晴安夏 阅读(653) 评论(0) 推荐(0)
css3 flex 布局
摘要：今天做一个小实战，需要让一个登录框始终保持水平和垂直居中，第一个想到的就是通过定位（要想让一个div居中，采用定位可以解决，示例）， 然后开始接触flex布局，学完感觉真的好用，现把知识点记录一下，以便自己日后查看（学习教程：阮大师的教程），笔记开始： 传统的布局：围绕盒子模型（border、mar 阅读全文
posted @ 2018-04-11 15:50 心晴安夏 阅读(1262) 评论(1) 推荐(2)
button 和input 的区别及在表单form中的用法
摘要：先说一下button 和input的定义： <button> 标签定义的是一个按钮 1、在 <button> 元素内部，您可以放置任何内容，比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处； 2、 <button> 控件提供了更为强大的功能和更丰富的内容； 3、<but 阅读全文
posted @ 2018-03-17 16:33 心晴安夏 阅读(1506) 评论(2) 推荐(1)
position的四种定位方式：static、fixed、relative、absolute
摘要：position属性用来规定元素的定位类型和方式 ①position：static 默认值，没有定位，元素出现在正常的流中； ②position：fixed 固定定位 是相对于浏览器窗口来进行定位； ③position：relative 相对定位 相对于其本身正常位置来进行定位，它原本所占的空间仍保 阅读全文
posted @ 2018-03-01 16:08 心晴安夏 阅读(23823) 评论(0) 推荐(3)