- 博客(5)
- 收藏
- 关注
RSS订阅原创 学习笔记
1、块元素h1-h6 （产品标题用h）, p , div , ul , ol ,li1.独占一行2.宽高边距可控制3.宽度默认是父级（容器）的100%4.是一个容器，里面可以放行或块元素注意：文字类元素不能放块元素如：p,h1 行内元素a,strong,b,em,i,span相邻行内元素在一行上，一行可以显示多个宽高设置无效默认宽度为内容宽度只能装文本或其他行内元素注意：1.链接里不能再放链接 2.a可以转化块级增加链接触发范围行内块元素
2021-02-21 20:06:45
125
原创 学习笔记
一、表格（会根据内容大小自动变化宽高）<table><thead><tr><th>姓名</th></tr></thead><tbody><tr><td>空</td></tr></tbody></table>表格属性align元素对齐方式cellpadding文字距离单元格边框空隙cellspacing单元格之间的空隙合并单
2021-02-14 22:56:25
100
1
原创 布局
本文总结自://www.html.cn/archives/7212 https://www.html.cn/archives/7236Flex布局Flex 是 Flexible Box 的缩写，意为"弹性布局"，具有灵活性1、给容器添加display:flex属性给父元素添加disply:flex属性，默认情况下，flex item(flex项)沿着主轴从左到右排列。这就是为什么 flex 容器应用了 display: flex 属性后，你的矩形子元素(flex项)就会默认排列在一条水平线上的原.
2021-02-07 23:42:33
218
原创 定位
一、position属性：static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。absolute：对象脱离正常文档流，使用top，right，bottom，left等属性进行绝对定位。而其层叠通过z-index属性定义。fixed：对象脱离正常文档流，使用top，right，bottom，left
2021-01-31 20:52:10
2482
5
原创 BFC与清除浮动
一，BFC1，问题经常遇到元素浮动后，父元素高度没有了，两栏布局时右侧没有自适应，垂直方向上上下两个元素外边距不太对等问题。如何让盒子外父元素不受到盒子内子元素影响？方法就是触发BFC。2，BFC的概念BFC = Block Formatting context 意思是“块级格式化上下文”。官方解释：它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用，当涉及到可视化布局的时候，BFC提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。3，使用方法通过CSS给元素设置属性
2021-01-24 15:42:23
258
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人