在传统的css布局，都是依赖于position，float，dosplay进行。在一些特定的布局的实现上往往很不方便，比如一个元素的垂直居中。鉴于这种关系，2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着， ...
分类：
Web程序 时间：
2020-02-17 15:42:51
阅读次数：
102
1 /* animation */ 2 .a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s e ...
分类：
Web程序 时间：
2020-02-16 21:04:08
阅读次数：
106
1 perspective 人看东西的距离 perspective: 500; 越小3d效果越好 2 3 perspective-origin观察视点。此处默认为视图的中心点 transform-origin:20% 40%; 4 5 transform-style 规定被嵌套元素如何在 3D 空间 ...
属性选择器 css3语法（类似于正则） 属性选择器：属性是相对于标签而言。 所谓属性选择器就是根据指定名称的属性的值来查找元素 /*1.E[attr]:查找指定的拥有attr属性的E标签。如查找拥有style属性的li标签*/ li[style]{ text-decoration: underlin ...
分类：
Web程序 时间：
2020-02-13 15:06:30
阅读次数：
151
伪元素：::before ::after *必须添加content属性，否则后期不可见 content: ""; *默认是行级元素，如果想设置宽高，就必须转换为块级元素 position: absolute; *行内元素，需要转换成块:display:block float:** position: ...
分类：
Web程序 时间：
2020-02-13 14:45:56
阅读次数：
204
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>w3c</title> 6 <link rel="stylesheet" type="text/css" href="css/reset.css"> 7 <li ...
分类：
其他好文 时间：
2020-02-12 18:06:47
阅读次数：
92
使用弹性盒子兼容低端适配有时需要： display:flex 和 display:-webkit-box display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit ...
分类：
Web程序 时间：
2020-02-12 12:55:03
阅读次数：
91
position（transform css3 有些浏览器不兼容） <article id="one"> <section id="section"></section> </article> <style> #one { position: relative; //此处不设置的话 会一直往上找 找 ...
分类：
Web程序 时间：
2020-02-11 19:13:29
阅读次数：
87
NanUI是一个开放源代码的.NET项目，它适用于希望使用HTML5 / CSS3等前端技术来构建Windows窗体应用用户界面的.NET / .NET Core开发人员。这是NanUI 0.7版本的发布公告。 ...
分类：
其他好文 时间：
2020-02-10 17:41:05
阅读次数：
205
chapter5 CSS3 新性能 （一）圆角边框与阴影 1.border-radius属性 例1 border-top-left-radius:40px 20px ; 两个值分别表示水平方向、垂直方向，内部一个椭圆。 如果只有一个值，就是一个圆。 例2 注意这里的height为50px. bord ...
分类：
Web程序 时间：
2020-02-09 20:04:29
阅读次数：
74
