web前端开发
文章平均质量分 69
小张喝奶茶了吗
这个作者很懒,什么都没留下…
展开
-
2021.4.9 北京林业大学 web前端开发基础 CSS3 弹性盒子
弹性盒子flexbox 一维布局(移动端优先)垂直居中、间隙的平均分配、自动占据剩余空间弹性容器—>弹性元素一、弹性容器1.display属性(父元素)display:flex;2.flex-direction属性—行布局行为主轴,列为辅轴flex-direction:rowflex-direction:reverse(反向)列布局列为主轴,行为辅轴flex-direction:colomflex-direction:reverse()3.flex-wrap属性(是否折行原创 2021-04-16 10:14:48 · 174 阅读 · 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 · 196 阅读 · 0 评论 -
2021.4.7 北京林业大学 web前端开发基础 CSS3 圆角边框与阴影、文字与文本、2D变换
CSS3CSS3新特性原创 2021-04-08 23:32:18 · 155 阅读 · 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 · 215 阅读 · 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 · 136 阅读 · 0 评论 -
2021-03-26web前端开发课程笔记 CSS选择器
CSS语法选择器一、选择器分组在这里插入代码片1.逗号隔开:p,strong2.后代选择器:空格隔开 p strong<style>p strong{color: blue;}</style>(html用em标签强调斜体) 天使投资 是投资方式的一种 <body> <p> <em>天使<strong>投资</strong><原创 2021-03-26 11:22:39 · 251 阅读 · 0 评论