一万个css
css有一万种可能,研究学习各种css效果小技巧,总结css的复杂多样的设定
浅度学习的ryan
热爱文字,喜欢分享,不断学习,透明小白
展开
-
CSS居中的几种常见写法
居中 ????文本水平居中(图片、按钮、文字等行内元素) text-align : center; 一个盒子添加了text-align : center,里面所有的行内元素 / 行内块元素都会水平居中 ????div块水平居中 margin : auto; 其实就是把子元素的 margin-left、margin-right 都设置为 auto 但是对浮动元素和绝对定位的元素无效 子元素的宽度需要确定 ????一行文字垂直居中 line-height = 你这个块的 height; 文字的行高等原创 2020-11-08 17:17:19 · 1011 阅读 · 0 评论 -
CSS选择器中的符号含义
选择器符号,指的是 div+span {} h1,p {} .first a {} #show>ul {} div~p {} 这些 A~B选择器:选择A之后出现的所有B A、B必须有相同的父元素,B不必紧邻A A B选择器:选择A的所有后代元素 A>B选择器:表示选择A元素的所有子B元素。 空格和大于的区别就是,空格取所有后代,大于只取子这一代 A,B选择器:逗号指相同的css样式 A+B选择器:这个“+”是选择相邻兄弟,叫做“相邻兄弟选择器” ...原创 2020-11-08 09:34:29 · 1086 阅读 · 1 评论 -
CSS定位之【BFC】
首先复习一下CSS的几种定位方式 普通流:由上至下,行内元素和块级元素按照自己的摆放规则水平或竖直排布, 浮动流:在普通流的基础上浮动偏移,一般是左右浮动 绝对定位流:整体脱离普通流,元素不占原来位置 ????而BFC属于普通流 初识BFC 块格式化上下文,是Web页面可视化渲染CSS的一部分, 是布局过程中生成块级盒子的区域。也是浮动元素与其他元素的交互限定区域。 我们可以把具有BFC的盒子看做一个隔离的独立容器,它改变内部的渲染方式,不会影响外面的布局。 如何触发BFC 引原创 2020-10-27 22:17:18 · 220 阅读 · 0 评论