web前端开发
文章平均质量分 69
小张喝奶茶了吗
这个作者很懒,什么都没留下…
展开
-
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 · 183 阅读 · 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 · 227 阅读 · 0 评论 -
2021.4.7 北京林业大学 web前端开发基础 CSS3 圆角边框与阴影、文字与文本、2D变换
CSS3 CSS3新特性原创 2021-04-08 23:32:18 · 168 阅读 · 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 · 223 阅读 · 0 评论 -
2021.3.26、3.30web前端开发课程笔记CSS布局和定位*盒子模型
CSS布局和定位 最外层定义一个container或者wrapper 分割为:1.页眉header 2.导航条navbar 3.主体内容main 主体内容分为{ 左侧menu,中间content,右侧sidebar } (一)盒子模型(元素什么样) 页面元素的大小 边框 与其他元素的距离 (页面上每个元素都可以看做盒子,占据一定页面空间) 一、盒子模型组成: content内容、height高度、width宽度、border边框、padding内边距、margin外边距 (分为四个方向:margin-top原创 2021-03-30 09:28:15 · 159 阅读 · 0 评论 -
2021-03-26web前端开发课程笔记 CSS选择器
CSS语法 选择器 一、选择器分组在这里插入代码片 1.逗号隔开:p,strong 2.后代选择器:空格隔开 p strong <style> p strong{color: blue;} </style> (html用em标签强调斜体) 天使投资 是投资方式的一种 <body> <p> <em>天使<strong>投资</strong><原创 2021-03-26 11:22:39 · 264 阅读 · 0 评论