Vincent-yuan

2020年2月27日

摘要：如何让一个子元素在父容器里水平垂直居中？这个问题必考，在实战开发中，也应用得非常多。如何让一个行内元素（文字、图片等）水平垂直居中行内元素水平居中给父容器设置： text-align: center; 行内元素垂直居中让文字的行高等于盒子的高度，可以让单行文本垂直居中。比如： .fath 阅读全文

posted @ 2020-02-27 22:40 Vincent-yuan 阅读(673) 评论(0) 推荐(1) 编辑

前端学习(20)~css布局(十三)

摘要：常见的布局属性（1）display 确定元素的显示类型： block：块级元素。 inline：行内元素。 inline-block：对外的表现是行内元素（不会独占一行），对内的表现是块级元素（可以设置宽高）。（2）positon 确定元素的位置： static：默认属性值。 relative：阅读全文

posted @ 2020-02-27 22:21 Vincent-yuan 阅读(162) 评论(0) 推荐(0) 编辑

前端学习(19)~css3属性(十二)：Flex布局图片详解

摘要： CSS3中的 flex 属性，在布局方面做了非常大的改进，使得我们对多个元素之间的布局排列变得十分灵活，适应性非常强。其强大的伸缩性和自适应性，在网页开中可以发挥极大的作用。 flex 初体验我们先来看看下面这个最简单的布局：上面这张图中的布局是我们都熟悉的：默认文档流中，在一个父容器里放置多个阅读全文

posted @ 2020-02-27 21:46 Vincent-yuan 阅读(807) 评论(0) 推荐(0) 编辑

2020年2月26日

前端学习(18)~css3属性学习(十一)：动画详解

摘要：本文主要内容：过渡：transition 2D 转换 transform 3D 转换 transform 动画：animation 过渡：transition transition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征，可以实现元素不同状态间的平滑过渡（补间动画），经常用来制作动画阅读全文

posted @ 2020-02-26 23:17 Vincent-yuan 阅读(390) 评论(0) 推荐(0) 编辑

前端学习(16)~css3属性学习(十)

摘要：我们在上一篇文章中学习了CSS3的选择器，本文来学一下CSS3的一些属性。本文主要内容：文本盒模型中的 box-sizing 属性处理兼容性问题：私有前缀边框背景属性渐变文本 text-shadow：设置文本的阴影格式举例： text-shadow: 20px 27px 22px 阅读全文

posted @ 2020-02-26 21:58 Vincent-yuan 阅读(189) 评论(0) 推荐(0) 编辑

前端学习(15)~css3学习(九)：选择器详解

摘要： CSS3介绍 CSS3在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。 CSS3的现状浏览器支持程度不够好，有些需要添加私有前缀移动端支持优于PC端不断改进中应用相对广泛应对的策略：渐进增强（1）坚持渐进增强的原则：让低版本浏览器阅读全文

posted @ 2020-02-26 21:34 Vincent-yuan 阅读(374) 评论(0) 推荐(0) 编辑

2020年2月25日

前端学习(14)~css学习(八)：定位属性

摘要： CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute;  position: relative;  position: fixed;  相对定位相对定位：让元素相对于自己原来阅读全文

posted @ 2020-02-25 23:36 Vincent-yuan 阅读(362) 评论(0) 推荐(0) 编辑

2020年2月24日

前端学习(13)~css学习(七)：浮动

摘要：文本主要内容标准文档流标准文档流的特性行内元素和块级元素行内元素和块级元素的相互转换浮动的性质浮动的清除浏览器的兼容性问题浮动中margin相关关于margin的IE6兼容问题标准文档流标准文档流的特性（1）空白折叠现象：无论多少个空格、换行、tab，都会折叠为一个空格。阅读全文

posted @ 2020-02-24 23:00 Vincent-yuan 阅读(348) 评论(0) 推荐(0) 编辑

前端学习(12)~css学习(六)：盒模型详解

摘要：盒子模型盒子模型，英文即box model。无论是div、span、还是a都是盒子。但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。盒子中的区域一个盒子中主要的属性就5个： width和height：内容的宽度、高度（不阅读全文

posted @ 2020-02-24 21:51 Vincent-yuan 阅读(448) 评论(0) 推荐(0) 编辑

2020年2月23日

前端学习(11)~css学习(五)：样式表的继承性和层叠性

摘要：本文重点 CSS的继承性 CSS的层叠性计算权重权重问题大总结 CSS样式表的冲突的总结权重问题深入同一个标签，携带了多个类名 !important标记 CSS的继承性我们给div标签增加红色属性，却发现，div里的每一个子标签<p>也增加了红色属性。于是我们得到这样的结论：有一些属性，阅读全文

posted @ 2020-02-23 11:39 Vincent-yuan 阅读(193) 评论(0) 推荐(0) 编辑

公告