- 博客(66)
- 收藏
- 关注
RSS订阅原创 61_CSS_布局_重置默认样式详细聊
CSS_布局_重置默认样式详细聊，reset.css（重置默认样式），Normalize.css（Normalize官网默认设置）
2024-07-21 20:51:38
256
原创 60_CSS_常用布局名词
CSS_常用布局名 顶部导航条 topbar 页头 header\page-header 导航 nav\navigator\navbar 搜索框 search\search-box 横幅、广告、宣传图 banner 主要内容 content\main 侧边栏 aside\sidebar
2024-07-20 22:40:59
175
原创 59_CSS_版心
CSS_版心，在PC端网页中，一般都会有一个固定宽度且水平居中的盒子，来显示网页的主要内容，这是网页的版心。 版心的宽度一般是960~1200像素之间 版心可以是一个也可以是多个 */
2024-07-20 22:34:11
95
原创 58_CSS_定位的特殊应用
CSS_定位的特殊应用， 发生固定定位、绝对定位后，元素都变成了定位元素，默认高度被内容撑开，且依然可以设置高度 发生相对定位后，元素依然是之前的显示模式 以下所说的特殊应用，只针对绝对定位和固定定位的元素，不包括相对定位的元素 让定位元素的宽充满包含块 1.块想和包含块一致，可以给定位元素同时设置left和right为0 2.高度想和包含块一致，top和bottom设置为0
2024-07-20 22:25:03
104
原创 57_CSS_定位的层级
CSS_定位的层级， 1.定位元素的现实层级比普通元素高，无论什么定位，显示层级都是一样的 2.如果位置发生重叠，默认情况：后面的元素会显示在前面元素之上 3.可以通过CSS属性z-index调整元素显示层级 4.z-index的属性值是数字，没有单位，值越大显示层级越高 5.只有定位元素设置z-index才有效 6.如果z-index值大的元素，依然没有覆盖掉z-index值小的元素，那么请检查其包含块的层级
2024-07-20 21:27:37
114
原创 56_CSS_粘性定位
CSS_粘性定位,给元素设置position:sticky； 可以使用left\right\top\bottom四个属性调整位置,最常用的top值 相对于（离他最近的一个拥有“滚动机制”祖先元素，即便这个祖先不是最近的真实可滚动祖先）来讲
2024-07-20 20:48:46
204
原创 55_CSS_固定定位
CSS_固定定位，给元素设置position:fixed； 可以使用left\right\top\bottom四个属性调整位置 相对于视口来讲， 视口是指： 对于PC浏览器来说，视口就是我们看网页的那扇“窗户”。
2024-07-20 18:18:29
163
原创 54_CSS_绝对定位
CSS_绝对定位，给元素设置position:absolute； 可以使用left\right\top\bottom四个属性调整位置 相对于包含块来讲， 包含块是指： 没有脱离文档流的元素：包含快就是父元素， 对于脱离文档流的文件：包含块是指第一个拥有定位属性的祖先元素（如果所有祖先都没有定位，那包含块就是整个页面）
2024-07-20 17:36:49
225
原创 53_CSS_相对定位
CSS_相对定位， 给元素设置position:relative； 可以使用left\right\top\bottom四个属性调整位置，相对于自己原来的位置来讲
2024-07-20 17:08:31
243
原创 52_CSS_浮动布局练习
CSS_浮动布局练习，敲代码之前一定要先规划好，哪部分浮动，那部分不浮动，以及各个部分的共性或者个性的class命名否则后续很乱。各个部分的边距也要提前计算好或着找好，否者浮动会很乱。浮动的方便样式，注意class命名的方式，可以如下命名，个性与共性。注意要写注释，方便敲代码与查看。
2024-07-19 23:02:29
121
原创 47_CSS_浮动简介
CSS_浮动简介:早期浮动可以实现文字环绕效果，现在浮动是页面布局方式之一伪元素.d1::first-letter{ float: left; font-size: 80px; }
2024-07-19 21:38:25
174
原创 46_CSS_行内块幽灵空白问题(基线)
CSS_行内块幽灵空白问题(基线)，行内块元素与文本基线对齐，而文本基线与文本最低端之间是有一定距离的。
2024-07-19 21:18:55
199
原创 42_CSS_样式的继承详细聊
CSS_样式的继承详细聊，样式的继承：如果元素本身没有设置某个样式， 会从父元素开始一级以及继承（优先继承离的近的祖先元素），能继承的属性，都是不影响布局的（和盒子没有关系的）
2024-07-18 16:16:49
180
原创 39_CSS_盒子模型_外边距margin，边框border，内边距padding，内容区
CSS_盒子模型_外边距margin，边框border，内边距padding，内容区
2024-07-18 10:58:26
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人