CSS
关注
分享
扫一扫
zsl888822
努力学习，努力进步。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS3基础知识总结
CSS3中有哪些新特性？ 1. CSS3边框 边框圆角（border-radius） 阴影（box-shadow） 图片绘制边框（box-image） 2. CSS3背景 背景图片大小（background-size） 背景图片的定位区域（background-origin） 3. CSS3文本效果 文本阴影（text-shadow） 允许对文本进行换行（word-wrap） 4. C...原创 2020-04-10 15:09:38 · 362 阅读 · 0 评论 -
几种常用的响应式布局解决方案对比(媒体查询、百分比、rem和vw/vh）
简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 px和视口 媒体查询 百分比 自适应场景下的rem解决方案 通过vw/vh来实现自适应 一、px和视口 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽高以及定位信息...转载 2020-02-21 17:10:18 · 1326 阅读 · 0 评论 -
css实现垂直居中的几种方法
css实现垂直居中的几种方法 方法一： 设置父元素的display:table-cell,并且vertical-align:middle，这样子元素可以实现垂直居中。 <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title>垂直居中</ti...原创 2019-10-15 16:07:23 · 1327 阅读 · 6 评论 -
CSS3中transition和animation区别的理解
transition和animation区别的理解 transition是过度属性：强调过度，他的实现需要触发一个事件（比如鼠标移动上去，焦点，点击等）才执行动画。它类似于flash的补间动画，设置一个开始关键帧，一个结束关键帧。 animation是动画属性：他的实现不需要触发事件，设定好时间之后可以自己执行，且可以循环一个动画。他也类似于flash的补间动画，但是他可以设置多个关键帧（用@ke...原创 2019-10-15 13:24:53 · 3646 阅读 · 1 评论 -
css中盒子模型
css中盒子模型 css盒模型 简介：就是用来装页面上的元素的矩形区域。CSS中的盒子模型包括IE盒子模型和标准的W3C盒子模型。 box-sizing(有3个值哦)：content-box | border-box | inherit 标准盒子模型： box-sizing: content-box; IE盒子模型： box-sizing: border-box; 从上图可以看出标准盒子模型与I...原创 2019-10-15 11:09:29 · 1047 阅读 · 0 评论