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 · 838 阅读 · 0 评论 -
css:左中右布局占满屏幕,左右两块固定宽度200px ,中间自适应,先加载中间块
分析:1.中间自适应弹性布局display:flexflex-grow增长系数,左右默认为0,中间设置为1即可分配所有剩余空间(分配给左右固定宽度之后的空间)2:先加载中间css选择器优先级问题(1)越精确优先级越高id选择器>类选择器>元素选择器(伪类、伪元素等暂不讨论)(2)css文件里越后面优先级越高(相同类型)代码:html<!DOCTYPE html><html> <head>原创 2022-04-09 21:43:24 · 1667 阅读 · 2 评论