09 2022 档案
css-flexbox
摘要:在缩放整个页面的时候,里面的元素可以随着页面缩放而变化 设置 display属性为flex就可以了 display:flex; 决定容器中的主轴方向用flex-direction ex: flex-direction:row; flex-wrap: #container{ background-co
阅读全文
css-transition
摘要:2个形状转化时间。 就是渐变的时间 具体参考这: https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions
阅读全文
css position属性
摘要:设置position可以改变位置。 有statistic, relative(相对于自己原来的位置),absolute(绝对位置,不以其他作为参考系),fixed(固定位置,不管页面滚动,他永远在原位) css里直接写: position:absolute;即可 例子: 这是原来的样子 加上posi
阅读全文
rgba颜色和透明度
摘要:background-color: rgba(135, 73, 19,0.2); 最后那个0.2是透明度 或者用opacity属性。
阅读全文
css box model
摘要:HTML: css: 效果: 一起设置: border:width style color; exaple: border:medium dashed green; border-radius可以把四周钝化: padding: 文字和外框间的距离 button{ background-color:
阅读全文
css冲突
摘要:当对同一个元素同时设置了两个css属性时,会遵循后面设置的那个(位置顺序为后) 用!important 也可以直接改变优先级为最大 比如下面这个,h1被同时设置了两种颜色,如果不加!important,会显示aqua那个颜色,但是加了后显示上面那个紫色。
阅读全文