- 博客(6)
- 收藏
- 关注
原创 伪元素::before和::after
伪元素::before和::after原先在一些网页上看到了这一类伪元素,在翻找了一些资料后,有一些收获。可能不齐全。
2021-12-04 23:27:59
218
原创 bootstrap网格系统,下拉菜单
网格系统实现原理把网页大小分为12份,仅仅通过定义容器大小,平分12份,再调整内外边距,最后结合媒体查询,就可以制作出响应式栅格系统栅格系统用于一系列的含(row)和列(column)的组合来创建页面布局,就可以将内容放入其中。行(row)必须包含在.container(固定宽度)中或.container-fluid(全屏宽度)中,以便为其赋予合适的排列和内补。Bootstrap 4 的网格系统是响应式的,列会根据屏幕大小自动重新排列。使用行来创建水平的列组。内容需要放置在列中,并且只有列可以是
2021-11-27 23:55:20
651
原创 属性部分总结
transition过渡属性transition-property 应用过渡的css属性名称transition-duration 时间,默认为0transition-timing-function 时间曲线,默认为easetransition-delay 过渡效果何时开始,默认为0transition-property:none/all/property(元素属性名)若不写,则支持所有transition-duration:time;transition-timing-function 检
2021-11-21 12:45:39
293
原创 flex布局总结
flex布局flex:flexible box 弹性布局为盒装模型提供最大灵活性,任何一个容器都可以指定flex布局.box { display:flex; }设置后,子元素的float,clear,vertical-align将失效*项目的排列方向——flex-direction.box { flex-dorection:row/row-reverse/column/column-reserve; }row:水平左端排列row-reverse
2021-11-13 21:28:33
380
原创 css第一周学习总结
标签选择器是指用html名称作为标签语法 标签名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; ... }类选择器可以单独选一个或几个标签语法.类名 {属性1:属性值1;…}结构需要class属性来调用class类的意思类选择器——多类名多类名的使用方法<div class="red fo
2021-11-06 20:54:05
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人