08 2020 档案
摘要：用CSS3的知识，3d旋转，平移搭建立方体 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-
阅读全文
摘要：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>缩放实例<
阅读全文
摘要：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：重点： 伪元素制作动态列表项中：content内容区使用arr（），可以制作动态数据添加 下面代码中的案例 <!-- 自定义属性 属性名自己定 --> <a href="" class="clearfix" xh="11"> /* attr(属性名) 获取该属性名字对应的属性值 */ content
阅读全文
摘要：大致分为三大类：display 1.块类型：display:block div,p,hi,ul li,ol li 特点： 默认宽度100% ，高度由内容撑开 可以设置宽高，独成一行(霸道) 行高可以撑开盒子高度 内外边距四个方向均可设置 2.行内类型：display:inline span,a,em
阅读全文
摘要：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum
阅读全文
摘要：描述 ==加了内边距撑开盒模型 属于外扩区域 必须内减计算 当你遇见%和px内减时，此时你可以按照以下两种方法做：== 总结： 宽度%时+内边距 》溢出 不想溢出 1. calc(n% - mpx) 2. width:auto 自动内减 ，不溢出,不外扩 案例 <!DOCTYPE html> <ht
阅读全文
