css
真实lie
前端开发初学者
展开
-
css:建立一个200px*200px的div实现完美居中
分析: (1)实现屏幕居中 使用绝对定位(position: absolute) (2)实现文本居中 使用弹性盒子(display:flex) 不使用弹性盒子,使用文本居中对齐和行高设置 代码: 使用弹性盒子 .center{ width: 200px; height: 200px; border: 1px solid red; position: absolute; left: 50%; top: 50%; /* 使用绝对位置实现屏原创 2022-04-09 17:31:18 · 830 阅读 · 0 评论 -
css:左中右布局占满屏幕,左右两块固定宽度200px ,中间自适应,先加载中间块
分析: 1.中间自适应 弹性布局display:flex flex-grow增长系数,左右默认为0,中间设置为1即可分配所有剩余空间(分配给左右固定宽度之后的空间) 2:先加载中间 css选择器优先级问题 (1)越精确优先级越高 id选择器>类选择器>元素选择器(伪类、伪元素等暂不讨论) (2)css文件里越后面优先级越高(相同类型) 代码: html <!DOCTYPE html> <html> <head>原创 2022-04-09 21:43:24 · 1661 阅读 · 2 评论