![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
从前到后
这个作者很懒,什么都没留下…
展开
-
css3选择器
属性选择器:a[href]: 所有a标签中 带有href属性名的标签。a[href="#"]: 所有a标签中,href属性值为#号的。a[href~="##"]: 所有a标签中,href属性值包含多个词汇,其中有##,多个词汇用空格相连a[href|="##"]: 所有a标签中,href属性值包含多个单词,单词用-相连。而第一个单词为##。a[href^="##"]: href原创 2016-07-11 21:41:22 · 710 阅读 · 0 评论 -
旋转的魔方-3D
Documenthtml, body{height: 100%;}body{perspective: 1000px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: p原创 2016-07-11 21:50:22 · 387 阅读 · 0 评论 -
CSS3新属性 border-radius版企鹅
Documentbody{margin-top: 100px;margin-left: 500px;}.head{width: 300px;height: 240px;border: 1px solid black;background-color: #000;position: relative;border-radius: 150px 150px原创 2016-07-11 21:58:52 · 310 阅读 · 0 评论 -
CSS3新属性
1.transition 过渡效果让一个元素从一个状态过度到另一种状态。transition: property time;transition: all 3s;transition: background-image 2s, height 3s;transition-property: 设置属性值;transition-duration: 设置时间;trans原创 2016-07-11 22:03:40 · 345 阅读 · 0 评论 -
HTML5和CSS3动画效果知识点总结
1.响应式布局;响应式布局有两种方法:1. 流式布局:百分比布局(宽,高,定位置) 所谓百分比,尺寸的百分比:基于父级的百分比。流式布局需要在head里面写上这句话:使用流式布局是需要注意几点:margin,padding 设置这两个数值时, 需要根据屏幕宽度变化而改变数值(并不是高度)即:margin数值/屏幕宽度(父级宽度)= 百分比,left,top,right,bottom 需原创 2016-07-12 20:43:12 · 1404 阅读 · 0 评论