![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
三岁九年
持续更新,有时相隔时间会过长
展开
-
HTML5—新语义元素使用及兼容,BFC解决曾经遇到的问题
H5常用标签属性HTML5语义元素兼容性BFC应用如何创建BFCBFC的作用HTML5语义元素什么是语义元素?一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义 元素实例: < div> 和 < span> - 无需考虑内容.语义元素实例: < form>, < table>, and < img> - 清楚的定义了它的内容。H5新语义元素:< header>:表示网页的头部。通常是一些导航信息或者标题。<原创 2020-12-22 17:22:37 · 99 阅读 · 0 评论 -
css3动画案例,滤镜的各个使用比较
css动画案例,用案例看出其用法动画复合写法案例,制作音乐盒滤镜滤镜阴影与盒子阴影的对比。动画动画通过@keyframs定义动画。在指定元素中,通过animation属性来调用动画。定义动画格式:@keyframes 动画名{from{ 初始帧}to{结束帧}}【注】动画名不要起关键词,最好见名知意。动画的调用:通过animation属性来调用动画。示例animation-name:动画名称animation-duration 执行一次动画的完成时间。原创 2020-12-17 20:14:49 · 202 阅读 · 0 评论 -
css盒子模型与盒模型的浮动
CSS盒子1.盒子2.内边距3.边框4.margin外边距5.父子盒模型6.外边距塌陷7.嵌套盒子的外边距塌陷8.盒模型9.标准文档流行内块元素1.行内块元素与块级元素2.按显示分类3.浮动4.脱标5.字体围绕效果6.收缩7.浮动的嵌套1.盒子盒子:容器盒子模型 英文: box model。最常见的盒子是div span盒子中的区域:content宽 width px content高 height content内边距 padding边框 border外边距 ma原创 2020-12-09 20:44:13 · 783 阅读 · 0 评论 -
css3中2D与3D页面的过渡与转换,,制作立方体相册源代码
2D的过渡与转换过渡2D转换-缩放转换位移。旋转倾斜过渡过渡,2D转换transition 过渡之前:元素从一个状态到另外一个状态(hover)直接切换,从开始状态到结束状态瞬间完成,中间过程几乎不可见。css3新增了过渡这个属性,可以实现元素不同状态之间的平滑过渡。transition-property:指定过渡的属性。all为指定所有属性都有过渡效果。 必须要有transition-duration: 过渡的时间单位可以是s或者ms。 必须要有transition-delay:指定过原创 2020-12-17 14:40:01 · 346 阅读 · 1 评论 -
CSS背景的常见问题
CSS背景的常见问题背景色背景图背景色背景系列background属性。background-color 设置元素的背景颜色。background-img 将图片设置为元素的背景。background-color:颜色的表示方法:单词red bluergbred green blue 三原色 饱和度 0-25516进制0-9 a-f #ff0000所有的#aabbcc的形式,都可以简写为#abc。常用的颜色:#000 黑色#fff 白色#f00 红色#222原创 2020-12-17 13:28:32 · 281 阅读 · 0 评论