- 博客(9)
- 收藏
- 关注
RSS订阅原创 2020-12-29js基本知识
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、书写位置二、注释三、输出四、语法五、变量六、八大数据类型七、Number八、string九、其它类型十、类型转换类型转换强制转换十一、用户输入 一、书写位置 1.内嵌式 使用的是Script标签，该标签可以写在html文档中的任何位置 【强调】一般情况下，我们应该将其写在head标签中。 2.外链式 通过script标签的src属性，引入外部的js文件。 3.常见错误写法： <script src="js/demo.js"
2020-12-30 08:42:10
154
原创 2020-12-22H5语义化标签和BFC
文章目录一、H5语义化标签二、BFC 一、H5语义化标签 H5标签在IE9之前都需要转换成块级元素 display：block 在移动端就不需要考虑兼容问题。 H5+css3可以放心的在移动端使用。 1.nav 定义导航 2.header 表示网页的头部。通常是一些导航信息或者标题。 3.article 表示一块独立的部分。 4.aside 对article的内容进行信息的辅助解释。次要信息，比如博客网站中的侧边公告，或者广告，分类等信息。 5.section 文档中的一个节点或者区域。 6.foote
2020-12-22 20:52:47
131
原创 2020-12-21弹性盒子
文章目录一、弹性盒子1.垂直居中对比2. 声明定义3.flex-direction4.flex-wrap5.弹性盒子与弹性元素6.justify-content7.align-items和align-content8.align-self9.flex-grow10.flex-shrink11.flex-basis12.补充 一、弹性盒子 1.垂直居中对比 1.传统：绝对定位 2.flex：flexible box 弹性盒子。可以轻松控制元素的排列，对齐和顺序。 .father2 { wi
2020-12-21 19:43:29
80
原创 2020-12-17_3D动画
文章目录一、动画：二、使用步骤1. 一、动画： 1.通过@keyframs定义动画。 2.在指定元素中，通过animation属性来调用动画。 1.定义动画 格式： @keyframes 动画名 { from{ /* 初始帧 */ } to{ /* 结束帧 */ }
2020-12-17 20:19:25
134
原创 2020-12-16_3D旋转与位移
文章目录一、3D旋转二、3D位移三、透视四、翻面隐藏五、3D呈现1.立方体相册2.走马灯 一、3D旋转 transform: rotate3D(x,y,z,deg); x,y,z 是一个0/1的数值，0表示不旋转，1表示旋转，deg表示旋转的角度。 rorateX，X轴旋转 rorateY，Y轴旋转 rorateZ，Z轴旋转 旋转的方向：左手法则 左手握住旋转轴，大拇指指向坐标的正方向，其他手指的卷曲方向就是旋转的正方向。 .box:hover { /* transform:
2020-12-17 13:29:03
456
原创 2020-12-10清除浮动与定位
文章目录一、清除浮动1.方法1给父元素设置高度2.方法2父元素添加浮动3.方法3添加overflow：hidden4.方法4设置父盒子为行内块5.方法5专门清除浮动的属性：clear （不推荐）6.方法6设置空标签添加clear：both7.方法7使用伪元素清除浮动(推荐使用)8.伪元素9.infont图标二、定位1.基本属性2.相对定位3.绝对定位4.压盖效果5. z-index属性6.固定定位7.黏性定位8.小圆点 一、清除浮动 1.方法1 给父元素设置高度 不推荐理由：不能把高度固定死，不适合做自适
2020-12-10 19:35:27
772
原创 2020-12-09盒模型与标准文档流
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、盒模型1.盒模型基本概念1.内边距padding2.边框border3.外边距margin4.高度不固定5.父子盒模型6.外边距塌陷7.嵌套盒子的外边距塌陷8.盒模型二、标准文档流1.标准文档流含义2.行内元素与块级元素3.浮动4.脱标5.元素贴靠6.字围效果7.收缩8.浮动的嵌套 一、盒模型 1.盒模型基本概念 盒子：容器 盒子模型 英文：box model。 最常见的盒子是div span 盒子中的区域：content
2020-12-09 20:52:01
89
1
原创 2020-12-08css中的样式
文章目录一、继承二、层叠三、important四、行高五、字体大小六、字体七、字体加粗八、字体样式九、文本溢出十、段落对齐方式十一、文本缩进十二、文本修饰十三、单词间距十四、字母间距十五、大小写转换十六、垂直对齐方式 一、继承 有一些属性给父类或祖先元素设置后，其后代元素也会继承该样式，这就叫做继承性。 继承性是从当前元素开始，一直到最小的元素。 后代元素能够继承来自祖先元素的文字样式。这些属性包括：color，text-开头，line-开头的，font-开头的。 关于盒子、定位、布局的属性，不能被继承。
2020-12-08 20:49:33
77
原创 2020-12-07选择器
文章目录一、选择器1.标签选择器2.ID选择器3.类选择器4.通配符5.后代选择器6.子代选择器7.交集选择器8.并集选择器9.序选择器10.相邻选择器11.兄弟选择器12.nth-child选择器13.nth-of-type选择器14.伪选择器 一、选择器 选择器的功能： 选中要添加样式的标签元素。 1.标签选择器 什么是标签选择器？ 通过标签名直接选择相应的标签。 不管有多复杂的嵌套关系，标签的位置就算藏得很深，依然可以被标签选择器命中。 格式： 标签名{ 声明
2020-12-07 20:58:24
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人