- 博客(12)
- 收藏
- 关注
原创 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
209
原创 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
250
原创 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
252
原创 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
187
原创 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
301
原创 Elephant(CodeForces - 617A)
ElephantAn elephant decided to visit his friend. It turned out that the elephant’s house is located at point 0 and his friend’s house is located at point x(x > 0) of the coordinate line. In one step the elephant can move 1, 2, 3, 4 or 5 positions forwa
2021-02-26 15:03:57
247
原创 Search for Pretty Integers (CodeForces - 870A)
Search for Pretty IntegersYou are given two lists of non-zero digits.Let’s call an integer pretty if its (base 10) representation has at least one digit from the first list and at least one digit from the second list. What is the smallest positive pretty
2021-01-22 16:17:50
149
原创 Team(CodeForces - 231A)
TeamOne day three best friends Petya, Vasya and Tonya decided to form a team and take part in programming contests. Participants are usually offered several problems during programming contests. Long before the start the friends decided that they will imp
2021-01-18 23:07:00
310
1
原创 Domino piling(CodeForces - 50A)
Domino pilingYou are given a rectangular board of M × N squares. Also you are given an unlimited number of standard domino pieces of 2 × 1 squares. You are allowed to rotate the pieces. You are asked to place as many dominoes as possible on the board so a
2021-01-18 22:53:28
276
1
原创 Supermarket(CodeForces - 919A)
SupermarketWe often go to supermarkets to buy some fruits or vegetables, and on the tag there prints the price for a kilo. But in some supermarkets, when asked how much the items are, the clerk will say that a yuan for b kilos (You don’t need to care abou
2021-01-16 23:52:01
229
原创 Replacing Elements (CodeForces - 1473A)
Replacing ElementsYou have an array a1,a2,…,an. All ai are positive integers.In one step you can choose three distinct indices i, j, and k (i≠j; i≠k; j≠k) and assign the sum of aj and ak to ai, i. e. make ai=aj+ak.Can you make all ai lower or equal to d
2021-01-16 23:16:21
649
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人