![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
饮尽杯中月
这个作者很懒,什么都没留下…
展开
-
移动端web总结
1.流式布局(百分比布局)1.流式布局,就是百分比布局,也称非固定像素布局。2.通过盒子的宽度设置为百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。2.flex布局1.flex 是 flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为 flex 布局。2.当我们为父盒子设为 flex 布局以后,子元素的 float、clear 和 vertical-align 属性将失效。伸缩布局 = 弹性布局 = 伸缩盒布局 =原创 2020-12-03 11:10:17 · 250 阅读 · 0 评论 -
响应式布局
阿里百秀案例1.width:100%;1.1 box-sizing为content-box时width:100%;表示width=父级的width父级的width不包括其内边距和边框值1.2 box-sizing为border-box时width:100%;表示width=父级的width父级的width包括其内边距和边框值1.3实践3处的空白间隔:1号盒子padding-right:10px 2号盒子width:100%,此处为默认的content-box所以width:100原创 2020-12-02 15:16:57 · 943 阅读 · 0 评论 -
rem布局
苏宁1.body的设置1.1 less + 媒体查询 + remmax-width: 750px;可以省略因为给了width:15rem;写死了body { min-width: 320px; /*给了width:15rem;写死了*/ width: 15rem; margin: 0 auto; line-height: 1.5; font-family: Arial,Helvetica; background: #F2F2F2;}1.2 f原创 2020-12-01 12:40:42 · 134 阅读 · 0 评论 -
flex布局
1.CSS3中行高=高时,文字没有垂直居中原因:设置box-sizing:border-box后设置的盒子的高,包含padding和border,所以此时想文字垂直居中,需要行高=高-padding-border才行。原创 2020-11-28 12:23:22 · 628 阅读 · 0 评论 -
品优购项目
1.font:不需要设置的属性可以省略(去默认值),但是必须保留font-size和font-family属性,否则font属性将不起作用。2.em是一个相对单位,就是当前元素(font-size)一个文字的大小,如果当前元素没有设置大小,则会按照父元素的一个文字大小。...原创 2020-10-10 13:28:26 · 1071 阅读 · 0 评论 -
HTML5+CSS3
三角形代码实现:1.div { width: 40px; height: 40px; border-top: 10px solid red; border-right: 10px solid green; border-bottom: 10px solid blue; border-left: 10px solid #000; }2.原创 2020-11-18 20:52:36 · 881 阅读 · 0 评论