1.影响 让子元素默认横向排列 （默认主轴：水平方向；相反侧轴：垂直方向） 弹性盒子会把行内元素，变成块元素 只有一个元素时，使用margin:auto 自动居中 2.修改主轴方向 属性：flex-direction 属性值： row (默认:水平排列) row-reverse 水平取反排列 column (垂直排列) column-rever
假设有一个盒子，我们要在其中放置图片，使其居中，有哪些办法呢？（想到了茴香的“茴”字几种写法……） 1、首先是传统的，text-align水平居中，line-height垂直居中。 <div style="width: 1000px; height: 400px; background-color: darkslategrey; overflow: hidden;"> <d
问题描述 : 明明的爸爸经常用做游戏的方法启发明明对数学的兴趣。有一次，明明爸爸准备了许多盒子和球，他要和明明做一个放球的游戏。 游戏如下：要将k个小球依次装入到若干个盒子中去（可以使用的盒子数不限）。 小球装入盒子的规则如下： 1）第一个盒子不能为空。 2）依次装入各个盒子的球
题面 这其实是一个广为人知的问题。假设有这么个游戏，主持人拿了三个盒子，其中有一个有奖，另外两个是空的。你有两次选择机会，在第一次选择后，主持人没有告诉你你选的盒子有没有奖，而是打开了另外两个盒子中的一个，并且告诉你这个盒子没奖。现在轮到你选第二次，你是换盒子还是不换呢？ 一般
收到一个师弟的问题，说同样的代码，有的有问题，有的没有问题。不知道为什么 问题是这样子的 左边的不会，但右边的会。但代码是一样的 这个问题，早在我当时初学的时候也发现了。不过当时没有找到很好的解决办法。 对此，我先是查看了结构和样式。 发现的盒子，就比立即抢购这个元素多
CSS盒子模型
弹性盒子里面会放弹性元素，为盒子定义的规则，会影响里面的元素。 display:flex; display:inline-flex; 这两个的不同之处：容器设置flex以后，会变成块级元素，当然也就可以设置宽高（如下图的橙色） 当容器设置为inline-flex后，会变为类似inline-block，把元素显示为行级块，也就没有宽度（如下图的
2022.3.1 学习笔记 CSS第五趴： 二、常见的网页布局 1.浮动布局注意点 ①浮动和标准流的父盒子搭配。先用标准流的父元素排列上下位置，之后内部子元素采取浮动排列左右位置。 ② 一个元素浮动了，理论上其余的兄弟元素也要浮动。一个盒子里面有多个子盒子，如果其中一个盒子浮动了，
包括：边框border，内边距padding外边距margin;控制盒子与盒子之间的内容，实际内容content border边框 边框有粗细，样式，颜色 上面的比较麻烦，下面用复合写法 solid;dashed;dotted;实线，虚线，点线 border: 10px red solid;//没有顺序 注意层叠性；大的只能层叠小的 表格的细线边框 border-
2022.2.28 学习笔记 CSS第二趴： 四、 CSS的背景 5.背景图片固定 background-attachmnet：scroll /fixed； 背景图片相对于内容滚动(默认) / 背景图片固定 6.背景复合写法 当使用简写属性时，没有特定的书写顺序，一般习惯约定顺序为： background: 背景颜
关键就是数组会留一个位置不放值。 判满： (rear + 1) % maxSize; 当rear大于front时，结果为0。 当rear小于front时，结果为front。 有效值： (rear + maxSize - front) % maxSize; % maxSize是为了去掉情况二时加上的maxSize，对情况一结果无影响。 ------------------------------------
八，浮动 浮动模型：不同于标准流，元素挨着元素进行排列； 浮动的元素都脱离了标准文档流，不再占有原来的位置。 浮动出现的初衷是为了解决文字环绕的效果（内容让出浮动部分，但是元素没
浮动 1.浮动起来的盒子不占用位置，浮动了一个盒子下面的标准流的盒子会顶上来 可用清除浮动的方法来解决标准流会顶替位置的问题 清除浮动给父盒子加overflow: hidden; 鼠标经过事件 ：hover为鼠标经过事件 transform给盒子一个移动效果 可用于鼠标经过事件 .daohang ul li:ho
弹性盒子也叫做诡异盒模型,因为只要宽高设置多少,他的宽高就是多少,不会因为里面的内容影响盒子的大小. 弹性盒子有主轴和交叉轴连个概念,分别有对应的属性. 弹性容器属性: 主轴排列(x轴方向):justify-content justify-content:flex-start(默认值):左对齐. justify-content:flex
来到重点-flex布局 首先了解一下移动端的特点 pc端和移动端的不同 PC端 屏幕大，网页固定版心浏览器繁多，更多考虑兼容性问题。（布局： 浮动+定位+标准流） 移动端 手机屏幕小，网页宽度多数为100%，是适配手机屏幕宽度移动端则基本不需要考虑兼容性问题，可以放心大胆使用CSS新特性 物理
响应式开发： 响应式开发里面 首先需要一个布局容器 常用宽度划分： 超小屏幕下 小于768 布局容器的宽度为100% 小屏幕下 大于等于768 布局容器改为750px 中等屏幕下 大于等于992px 布局容器修改为970px
HTML表单 学习目标 能够说出表单组成部分掌握HTML常用表单元素掌握HTML常用表单属性 概述 表单的作用：用于搜集不同类型的用户输入 表单的组成：表单元素（控件）、表单区域 生活中的表单： 网页中的表单： 表单元素 表单元素是允许用户在表单中输入内容的标签， 比如：文本域、下拉列表、
例子 1、利用定位实现两侧固定中间自适应 1.1）父盒子设置左右 padding 值 1.2）给左右盒子的 width 设置父盒子的 padding 值,然后分别定位到 padding 处. 1.3）中间盒子自适应 其原理是使用padding预留位置，让后使用absolate布局，将左右盒子使用left和right定位到左右面。子盒子的width
标准文档流 我们发现，Fireworks作图，可以在任何一个地方落笔；word这个软件则不一样，有一个“光标”位置，你必须在当前光标位置去书写文字。第二行文字的位置，仰赖于第一行文字，比如第一行文字多，第二行文字就下移了；比如第一行文字大，第二行文字又下移了。网页也是这样，从左至右、从上到下，有
mouseenter 和mouseover的区别 当鼠标移动到元素上时就会触发mouseenter 事件 类似 mouseover，它们两者之间的差别是 mouseover 鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter 只会经过自身盒子触发 之所以这样，就是因为mouseenter不会冒泡 跟mouseenter搭配
[CSS快速入门（三）] 字体相关调整 注意：只有块儿级标签可以设置，行内标签无法设置 /*宽和高*/ height: 1000px; width: 50px; /*字体大小*/ font-size: 99px; /*粗细*/ font-weight: bolder; font-weight: lighter; /*文本颜色（重点）*/ color:red; /*第一种*/ color:#4e4e4e; /*
单鼠标移动到元素上时就会触发mouseenter事件 类似mouseover，他们之间的差别就是 mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发。 之所以这样，就是因为mouseenter不会冒泡
基础部分 首先什么是盒子模型？ 以edge浏览器为例，点击f12，进入已计算那一栏，然后找到这么个玩意 分别为，padding>>>内边距 border>>边框 margin>>外边距 实例 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网页实例</title> <st
学习网址： 【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili 1. CSS盒子模型 1.1 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 1.2 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边
css常用属性 一、背景 1.background-color 设置元素的背景颜色 2.background-image 设置元素的背景图像，默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体 3.background-repeat 设置如何重复背景图像 二、文本 1.color 字体颜色 2.text-align 对齐方式 3.text-decoratio
