css
三岁九年
持续更新,有时相隔时间会过长
展开
-
HTML5—新语义元素使用及兼容,BFC解决曾经遇到的问题
H5常用标签属性HTML5语义元素兼容性BFC应用如何创建BFCBFC的作用 HTML5语义元素 什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。 无语义 元素实例: < div> 和 < span> - 无需考虑内容. 语义元素实例: < form>, < table>, and < img> - 清楚的定义了它的内容。 H5新语义元素: < header>:表示网页的头部。通常是一些导航信息或者标题。 <原创 2020-12-22 17:22:37 · 95 阅读 · 0 评论 -
css3动画案例,滤镜的各个使用比较
css动画案例,用案例看出其用法动画复合写法案例,制作音乐盒滤镜滤镜阴影与盒子阴影的对比。 动画 动画 通过@keyframs定义动画。 在指定元素中,通过animation属性来调用动画。 定义动画 格式: @keyframes 动画名{ from{ 初始帧 } to{ 结束帧 } } 【注】动画名不要起关键词,最好见名知意。 动画的调用: 通过animation属性来调用动画。 示例 animation-name:动画名称 animation-duration 执行一次动画的完成时间。原创 2020-12-17 20:14:49 · 195 阅读 · 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 · 768 阅读 · 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 · 338 阅读 · 1 评论 -
CSS背景的常见问题
CSS背景的常见问题背景色背景图 背景色 背景系列 background属性。 background-color 设置元素的背景颜色。 background-img 将图片设置为元素的背景。 background-color: 颜色的表示方法: 单词 red blue rgb red green blue 三原色 饱和度 0-255 16进制 0-9 a-f #ff0000 所有的#aabbcc的形式,都可以简写为#abc。 常用的颜色: #000 黑色 #fff 白色 #f00 红色 #222原创 2020-12-17 13:28:32 · 266 阅读 · 0 评论