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