- 博客(4)
- 收藏
- 关注
原创 CSS布局——position
position定位属性 Position属性的四个值为:static、fixed、relative、absolute。 当position属性设定为fixed、relative、absolute属性时,即可通过top\bottom\left\right属性对元素进行定位 static:元素默认为static属性,既为原文档布局的位置 fixed:表示为固定位置,相对于整个文档来布局,确定位置后脱离原文档布局。 relative:相对于该元素本来应该在的位置进行布局,当元素被设置为relative且通过t
2020-06-20 14:36:00 165 1
原创 CSS基础布局(弹性盒子flexible)
CSS规则中,display:属性控制将用于控制一个元素内的子元素的布局。 块元素 当display:block时,将子元素设置为块元素,块元素的特征如下: 子元素的宽度和高度属性可用 子元素的外边距会把其他盒子推开 子元素为自动换行并布满一整行 当display:inline时,子元素设置为内联元素,宽和高都不能设置,且不会将其他元素推开且换行。 当display:inline-block时,子元素设置为内联块元素,可以设置宽和高,但不会换行和占满一行。 弹性盒子 当display:fle
2020-06-03 23:29:59 564
原创 CSS中的层叠、优先级、继承
层叠、优先级和继承——这些概念决定着如何将CSS应用到HTML中,以及如何解决冲突。当两种规则同时对相同元素起作用时,样式呈现就会发生冲突。当前元素的有些样式会继承其父元素的样式,也会导致冲突。 优先级 层叠发生时,如果相同元素没有其他特殊设定,不同的规则的优先级将根据顺序决定,越往后的将覆盖之前的规章。 一个选择器的优先级可以说是由四个部分相加 (分量),可以认为是个十百千 — 四位数的四个位数: 千位: 如果声明在 style 的属性(内联样式)则该位得一分。这样的声明没有选择器,所以它得分总是1000
2020-06-01 23:35:11 172
原创 微信小程序学习记录——记事本Demo
微信小程序学习记录——记事本DemoDemo框架功能实现事件绑定数据传递 Demo框架 使用微信开发者工具打开项目后,可以看到小程序的大概框架,项目文件架下由Pages,utils,app.*等文件夹及文件组成。 其中,app.json文件用于配置整个小程序的页面路径,窗口风格,导航和全局属性。utils文件夹 下用于存放通用组件。Pages文件夹下的每个子文件夹代表一个页面。list文件夹为Demo的主页,用于呈现记录的事件列表,在app.json文件配置时需要把这个路径写在第一个。add文件为记录事
2020-06-01 00:03:03 3448 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人