![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/CSS
文章平均质量分 89
忘喧
这个作者很懒,什么都没留下…
展开
-
flex 布局 使用方式
Flexbox可以很好地用于创建响应式布局,因为它可以自动调整项目的大小和位置原创 2024-01-07 23:56:15 · 427 阅读 · 0 评论 -
9月我阅读了这些文章,10月加油
前端文章原创 2022-09-30 15:44:19 · 203 阅读 · 0 评论 -
flex布局常用属性总结
direction控制主轴和交叉轴的方向开始线和结束线flex-wrap-控制换行-控制主轴(横轴)上所有flex项目的对齐。-控制交叉轴(纵轴)上所有flex项目的对齐。align-self-控制交叉轴(纵轴)上的单个flex项目的对齐。-控制“多条主轴”的flex项目在交叉轴的对齐。flex-grow-分配空闲空间-分配负极空闲空间flex-basis-设置子项的宽度httpshttps。...原创 2022-07-21 16:49:15 · 1054 阅读 · 0 评论 -
css主流布局,居中布局,圣杯布局
圣杯布局,居中布局原创 2022-07-09 17:33:42 · 198 阅读 · 0 评论 -
浮动:float,清除浮动的四种方法
浮动的特性:浮动的主要作用是:让多个块级元素(display:block)在同一行显示 。 添加浮动的元素,脱离了标准文档流,不占位置,会影响标准流,后面的元素会向上移动,钻到浮动元素的下面。 浮动只有左右:float: left right none 添加浮动元素,进行了隐式转换变成了“行内块元素”,其实display虽然还是block /inline,但是添加了浮动的元素已经有了行内块元素的特性(inline-block),可以设置宽和高浮动的应用: 让多个块级元素在同...原创 2020-07-31 21:48:54 · 2114 阅读 · 0 评论 -
position属性:绝对定位position: absolute;相对定位 position: relative;固定定位 position: fixed;
position 属性:position常见的定位模式:定位模式描述是否脱离文档流移动模式定位偏移属性static默认属性对象遵循常规流不移动不移动relative相对定位对象遵循常规流相对以自身移动top right bottom leftabsolute绝对定位对象脱离常规流相对以有定位的父级元素移动top right bottom leftfixed固定定位对象脱离常规流偏移定位是以窗口为参考top right bot原创 2020-07-30 20:14:03 · 1252 阅读 · 1 评论 -
元素分类,块级元素,内联元素,行内块元素,displaby 属性
元素分类元素可以分为3类,块级元素,内联元素(行内元素),行内块元素 。块元素常见的块级元素及块级元素的displaby 属性:元素display说明1htmlblock2bodyblockmargin:8px(默认)3hrblock换行4pblock段落5divblock6h1-6block标题7ulblock无序列表8olblock有序列表9lilist-item原创 2020-07-25 13:18:56 · 341 阅读 · 2 评论 -
文本居中对齐line-height:等于盒子高度实现居中和 text-align: center+ padding-top: 17px实现居中
hello wordprint"helloword"原创 2020-07-24 16:18:49 · 890 阅读 · 1 评论