h5.c3.js移动端开发
文章平均质量分 82
&Mark&
这个作者很懒,什么都没留下…
展开
-
弹性布局中flex子项属性
flex布局子项常见属性1、flex子项目占的份数2、align-self控制子项自己在侧轴上的排列方式3、利用order属性定义项目的排列顺序4、flex页面布局开发(携程网)2、背景颜色的线性渐变:原创 2022-04-10 12:35:13 · 2353 阅读 · 0 评论 -
html+css弹性布局
1、布局原理2、flex布局父项常见属性1、flex-direction(名)设置主轴的方向2、justify-content(名)设置子元素在主轴上的方向3、flex-wrap(名)设置子元素是否换行4、align-items设置侧轴子元素的排列方式(单行)5、align-content设置侧轴子元素的排列方式(多行)6、区分align-items与align-content属性的区别7、区分justify-content、align-items、align-content区别;原创 2022-04-10 11:49:52 · 798 阅读 · 0 评论 -
移动端HTML开发(模仿京东移动端)
1、对于body特殊设置解释;2、对于图片水平居中设定,在父元素中统一设定为text-align=center;line-height=盒子大小;3、当多张图片在一起的时候会存在图片基线对齐的情况,解决方法利用;4、外边距合并问题解决方法:当子盒和父盒贴在一起我们给子盒子设定外边距会存在父盒子被合并在一起依旧贴一起且将父盒子的外边距加大(此原因也称外边距塌陷);5、流式布局搜索框技巧6、给图片设置圆角边框办法7、流失布局盒子设置方法原创 2022-04-03 22:23:04 · 5570 阅读 · 1 评论 -
移动端布局基础(html+css+js)
1、视口:布局视口、视局视口、理想视口2、二倍图:物理像素和像素比、背景图片的二倍图、image图片的二倍图3、移动端常见样式修改方法:-webkit-box-sizing(盒子实际大小)、-webkit-tap-highlight-color(超链接高亮样式修改法)、-webkit-apperance(按钮和文本框自定义样式)、-webkit-touch-callout(长按状态下禁止弹出菜单栏)原创 2022-04-02 17:20:58 · 2461 阅读 · 0 评论