![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 74
努力努力的小白
这个作者很懒,什么都没留下…
展开
-
2020年2月17号--CSS3转换
2020年2月17号–CSS3转换CSS3转换 (transition) 允许我们在限定的时间内从一个属性值转换到另一个属性值。transition-property - 指定要转换的属性transition-duration - 指定转换发生的持续时间transition-timing-function - 指定转换的速度在其持续时间内如何变化transition-delay - 指定...转载 2020-02-16 11:56:00 · 193 阅读 · 0 评论 -
2020年2月16号--CSS3基础学习笔记(六)
2019年2月16号–CSS3基础学习笔记(六)CSS3简介css3是css的最新标准。重要的新功能:Border radius - 允许我们为元素创建圆角。Border images - 允许我们指定一个图像作为元素周围的边框。Multiple backgrounds - 将多个背景应用于元素。动画(Animations)和特效(effects),以及更多!前缀CSS圆角...转载 2020-02-15 15:53:36 · 114 阅读 · 0 评论 -
2020年2月12号之CSS学习笔记(一)
2020年2月12号之CSS学习笔记CSS简介CSS是层叠样式表,把CSS添加到HTML4.0中解决了内容与表现分离的问题,是页面变得容易维护内联CSS就是将CSS应用在单个元素中CSS内部样式表在HTML页面的标题部分将内部样式定义在<style>元素中外部引用CSS在HTML页面的<head>中添加<link>标签,将CCS...转载 2020-02-11 12:04:42 · 132 阅读 · 0 评论 -
CSS主流布局--垂直居中布局
常见的布局方式–垂直居中布局垂直居中布局是使得父级元素容器中的子元素保持垂直居中布局的方式常见两种垂直居中布局的方式-table-cell+vertical-align属性配合使用-absolute+transform属性配合使用table-cell+vertical-align属性配合使用HTML<!--父级元素--><div class="parent"&g...转载 2020-02-19 21:24:05 · 170 阅读 · 0 评论 -
CSS主流布局--水平居中布局
CSS主流布局–水平居中布局水平居中布局当前元素在父级元素容器中,水平方向是居中显示的。水平居中布局实现方式-inline-block+text-align属性配合使用-table+margin 属性配合使用-absolute+transform属性配合使用inline-block+text-align属性配合代码实现:HTML<!--父级容器--><div...转载 2020-02-19 18:59:51 · 183 阅读 · 0 评论 -
CSS主流布局--居中布局(垂直+水平)、两列、三列
主流布局–居中布局(垂直+水平)、两列、三列居中布局的实现方式第一种实现方式:table+margin实现水平方向上的居中,table-cell+vertical-align实现垂直方向上的居中第二种实现方式:absolute+transform实现水平方向和垂直方向上的居中第一种实现方式table+margin实现水平居中,table-cell+vertical-align实现垂直居中...转载 2020-02-20 13:06:49 · 2040 阅读 · 1 评论 -
css主流布局--圣杯布局
css主流布局–圣杯布局圣杯布局是来源于该布局效果类似圣杯而得名,简单的来说,就是指三行三列的布局。圣杯布局的核心在于中间主体部分:左右定宽+中间自适应的布局效果HTML <div class="left"></div> <div class="center"></div> <div class="right"&g...转载 2020-02-20 22:07:31 · 306 阅读 · 0 评论 -
主流布局--双飞翼布局
主流布局–双飞翼布局什么是双飞翼布局?双飞翼布局最早是淘宝团队提出的,是针对圣杯局部优化的解决方案。主要是优化了圣杯布局中开启定位的问题。HTML<div class="parent"> <div class="center"> <div class="inner"></div> </div> ...原创 2021-01-13 20:33:50 · 6679 阅读 · 0 评论