![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 61
橙西橙西
write less,do more.
展开
-
css总结篇之选择器
css总结篇之选择器嘿嘿,马上就要放假了,这篇文章为今年对css的总结,这是第一篇,总结我认为的较为常用且有点难度的css选择器,后面会陆续总结css我认为的比较重要的内容。说到css选择器,写代码时往往会明明加了选择器写了样式却还是运行不出来的烦恼,那可能是忘记css选择器的优先级了。css选择器的优先级;内联样式(直接写在标签行内的)权重: 1000ID选择器权重: 100类选择器权重: 10元素选择器权重:1当权重一致时,离标签最近的样式选择器有效6.不管有多少选择器累加,内联选择器原创 2021-12-23 10:40:33 · 326 阅读 · 0 评论 -
CSS弹性盒布局
CSS弹性盒布局使用弹性盒布局排版网页flex-growflex-wrap换行flex-shrink压缩#弹性盒布局网页CSS 弹性盒子布局是 CSS 的模块之一,定义了一种针对用户界面设计而优化的 CSS 盒子模型;使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时,元素可预测地运行。使用弹性盒布局排版网页使用弹性盒布局一定要注意子绝父相;即需要弹性盒布局的父元素要添加position: relative;2.子元素使用position: absolute; display: flex;原创 2021-12-20 17:30:36 · 1200 阅读 · 0 评论 -
绝对定位的盒子实现水平居中
绝对定位的盒子实现水平居中像这样,如果盒子设置了绝对定位之后想要居中,那怎么办呢?这个时候使用margin:0 auto;肯定不起作用,我们需要给盒子添加向左移动游览器可视窗口的一半,即left:50%;这时候盒子移动如下图,偏右边一点。这时候需要将盒子添加左margin盒子大小的一半即可,即margin-left:100px;效果如下图;接下来附上代码:div { position: absolute; left: 50%;原创 2021-09-12 21:53:59 · 126 阅读 · 2 评论 -
CSS属性书写顺序
CSS属性书写顺序布局定位属性:dispaly/position/float/clear/visibility/overflow(建议dispaly第一个写,毕竟关系到模式);自身属性:width/height/margin/padding/border/background;文本属性:color/font/text-decoration/text-align/vertical-align/white-space/break-word;其他属性:content/cursor/border-radi原创 2021-09-10 15:52:07 · 44 阅读 · 0 评论