随笔分类 -  CSS3

上一页 1 2 3
css原生变量var()
摘要：了解css/css3原生变量var 阮一峰css变量教程 深入学习css自定义属性（css变量） 阅读全文
posted @ 2018-06-08 10:45 叶子玉 阅读(437) 评论(0) 推荐(0)
css3 :nth-child()选择器的使用
摘要：一、nth-child() 1. nth-child(n)：父元素下的第n个子元素，n>0，索引从1开始。不区分子元素类型。 2. nth-child(odd)：父元素下的奇数子元素，等同于：nth-child(2n-1)。区分子元素类型。 3. ntn-child(even)：父元素下的偶数子元素 阅读全文
posted @ 2018-06-08 10:35 叶子玉 阅读(2255) 评论(0) 推荐(0)
css3 @keyframes用法
摘要：使用@keyframes规则，可以创建动画。 在动画的过程中，可以多次更改css样式的设定。 对于指定的变化：发生时用0%，或关键字“from”和“to”，这与0%和100%相同。 0%：开头动画。 100%：动画完成。 语法：@keyframes animationname { keyframes 阅读全文
posted @ 2018-06-07 09:14 叶子玉 阅读(601) 评论(0) 推荐(0)
css radial-gradient()函数用法
摘要：radial：半径的；放射状的；射线；光线；径向 gradient：梯度，坡度；渐变 radial-gradient：径向渐变 radial-gradient()函数：用径向渐变创建函数。径向渐变由中心点定义，为了创建径向渐变必须设置两个终止色。 阅读全文
posted @ 2018-06-06 19:20 叶子玉 阅读(1370) 评论(0) 推荐(0)
css flex布局
摘要：使用Sass优雅并高效的实现CSS中的垂直水平居中 移动端总结 布局神器：display:flex css3中提出了一种新的布局模式：弹性盒子（flex box）。 它是一种当页面需要适应不同的屏幕大小和设备类型时确保元素拥有恰当的行为的布局方式。 目的是更好的对一个容器中的子元素进行排列，对齐，和 阅读全文
posted @ 2018-06-06 10:49 叶子玉 阅读(231) 评论(0) 推荐(0)
css单位px,em,rem区别
摘要：css中单位em，rem的区别 阅读全文
posted @ 2018-06-05 21:53 叶子玉 阅读(90) 评论(0) 推荐(0)
html视口单位：vw,vh,rem
摘要：[翻译]使用VH和VW实现真正的流体排版 阅读全文
posted @ 2018-06-05 21:43 叶子玉 阅读(334) 评论(0) 推荐(0)
Bootstrap学习资料
摘要：Bootstrap学习目录 阅读全文
posted @ 2018-06-01 16:19 叶子玉 阅读(105) 评论(0) 推荐(0)
css学习资料
摘要：css学习目录 阅读全文
posted @ 2018-06-01 16:15 叶子玉 阅读(79) 评论(0) 推荐(0)
css 中ul li 与 ul>li的区别
摘要：ul li ：后代选择器，ul 里所有的 li 元素，包括 ol 里的 li ; ul>li ：子代选择器，下一级的DOM节点，不包括 ol 里的 li 。 ul>ol>li ：子代选择器必须一代接一代。 阅读全文
posted @ 2018-04-23 15:11 叶子玉 阅读(12130) 评论(0) 推荐(1)
css3 rgba()/opacity()
摘要：CSS3 RGBA 阅读全文
posted @ 2018-04-13 20:10 叶子玉 阅读(123) 评论(0) 推荐(0)
深入理解 BFC
摘要：W3C 规范中 BFC的定义： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文）。 在BFC中，盒 阅读全文
posted @ 2018-04-06 22:40 叶子玉 阅读(198) 评论(0) 推荐(0)

上一页 1 2 3