北京林业大学
文章平均质量分 76
小张喝奶茶了吗
这个作者很懒,什么都没留下…
展开
-
2021.4.9 北京林业大学 web前端开发基础 CSS3 弹性盒子
弹性盒子flexbox 一维布局 (移动端优先) 垂直居中、间隙的平均分配、自动占据剩余空间 弹性容器—>弹性元素 一、弹性容器 1.display属性(父元素) display:flex; 2.flex-direction属性—行布局 行为主轴,列为辅轴 flex-direction:row flex-direction:reverse(反向) 列布局 列为主轴,行为辅轴 flex-direction:colom flex-direction:reverse() 3.flex-wrap属性(是否折行原创 2021-04-16 10:14:48 · 176 阅读 · 0 评论 -
2021.4.9 北京林业大学 web前端开发基础 CSS3 过渡与动画、3D变换
过渡与动画 一、过渡transition(设置在初始状态下) (两个效果之间渐进的动画) 将元素的某个属性从“一个值”在指定的时间内过渡到“另一个值” *属性名 持续时间 过渡方法 1.transition-property 属性名|all 对哪个属性进行变化(谓词属性) 2.transition-duration 持续时间 3.transition-timing-function 过渡使用的方法(函数) 4.transition-delay (即时启动还是延时启动) 代码示例如下: <div>原创 2021-04-16 10:13:52 · 197 阅读 · 0 评论 -
2021.4.7 北京林业大学 web前端开发基础 CSS3 圆角边框与阴影、文字与文本、2D变换
CSS3 CSS3新特性原创 2021-04-08 23:32:18 · 158 阅读 · 0 评论 -
2021.3.30 4.2 北京林业大学 web前端开发基础 CSS布局和定位*CSS定位机制
定位机制 元素放在哪,怎样排列 (一)文档流flow(默认方式) 从左到右、从上到下、有的元素单独占据一行 【display属性:用于转换元素类型】 1.block 独占一行、元素的height、width、margin、padding都可设置【常用元素:div、p、h1、ol、ul、table、form】 a{ display:block; } 如上,将inline元素a转换为block元素,从而使a元素具有块状元素特点。 2.inline 不单独占用一行、width、height不可设置、width原创 2021-04-02 11:19:44 · 216 阅读 · 0 评论