1.HTML5新元素HTML5提供了新的元素来创建更好的页面结构:标签描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。<bdi>允许您设置一段文本,使其脱离其父元素的文本…
&::-webkit-scrollbar-track{background-color:#7e7e7e;}&::-webkit-scrollbar{width:14px;}&::-webkit-scrollbar-t…
文章转载自w3cplushttp://www.w3cplus.com/原文链接:http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html原文摘要:calc()从字面我们可以…
案例1.box{width:100px;height:100px;border:10pxsolid#ddd;border-image:-webkit-linear-gradient(#ddd,#000)3030;border-image:-…
Transition(过渡),设置过渡时间,(transition-duration)<head><title>无标题文档</title><style>.box{width:100px;hei…
border-radius:CSS3圆角语法:border-radius:25px;椭圆边角:语法-border-radius:xx%;或者15px/100px;box-shadow:CSS3盒阴影语法:box-shadow:5px5px1…
remvhvwvminvmax做为CSS3中的新单位,其实都出来挺久的了,这篇文章将总结并理解下它们。rem如果你给body设置了font-size字体大小,那么body的任何子元素的1em就是等于body设置的font-sizebody{…
@keyframesproBackAction{0%{opacity:1;}100%{opacity:.8;}}@keyframesproBackAction{0{opacity:1;}100%{opacity:.8;}}1.方案一:把0%…
<!DOCTYPEhtml><html><head><style>div{width:100px;height:100px;background:red;position:relative;a…
控制线显示0.5px.line:after{content:"";display:block;position:absolute;width:200%;left:0;right:0;top:0;z-index:99;border-botto…
1.1认识HTML5HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML语言。HTML5定义了一系列新元素,如新语义标签、智能表单、多媒体标签等…
1,直接修改animationPlayState<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title&g…
<style>.radar-wrapper*{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;positio…
弹性盒子:老:display:box;新:display:flex;方向:flex-direction:横向正方向row/横向反方向row-reverse/纵向正方向column/纵向反方向column-reverse;横向对齐方式:jus…
文章转载自张鑫旭-鑫空间-鑫生活http://www.zhangxinxu.com/wordpress/原文链接:http://www.zhangxinxu.com/wordpress/?p=1268原文摘要:transition指过渡啦,…