weixin_73613802的博客

原创 画乌龟爬行代码

【代码】【无标题】

原创 【无标题】

原创 js学习四

原创 js学习三

实参可以是一个对象，也可以是一个函数。

原创 js学习二

原创 变形、弹性盒子

flex-shrink:指定弹性元素的收缩系数，当父元素的空间不足以容纳所有子元素时，则对子元素进行收缩。

原创 js学习一

原创 CSS-动画

原创 内容补充六

left+margin-left+border-left+padding-left+width+padding-right+border-right+margin-right+right=包含块的内容区的宽度。font-family可以同时指定多个字体，多个字体间使用，隔开，字体生效时优先使用第一个，第一个无法使用则使用第二个，以此类推。包含块就是离它最近的开启了定位的祖先元素，如果所有的祖先元素都没有开启定位则相对于根元素进行定位。1.元素开启相对定位以后，如果不设置偏移量，元素不会发生任何的变化。

原创 内容补充五

在浮动的布局中，父元素的高度默认是被子元素撑开的，当子元素浮动后，子元素从文档流中脱离，将会无法撑起父元素的高度，导致父元素的高度丢失。父元素高度丢失以后，其下的元素会自动上移，导致页面布局混乱，所以高度塌陷浮动布局中比较常见的问题，必须要进行处理。如果我们不希望某个元素因为其他元素浮动的影响而改变位置可以通过clear属性来清楚浮动元素对当前元素产生的影响。元素设置浮动以后，将会从文档流中脱离，从文档流中脱离后，元素的一些特点也会发生变化。2.开启bfc的元素子元素和父元素外边距不会重叠。

原创 内容补充四

这七个值中有三个值可以设置为auto：width，margin-left，margin-right，如果某个值为auto，则会自动调整为auto的那个值以使等式成立。2.元素设置浮动后，会完全从文档流中脱离，不在占用文档流的位置，所以元素下边的还在文档流中的元素会自动向上移动。border-box宽度和高度用来设置整个盒子的可见框的大小，width是指内容区和内边距和边框的总大小。子元素是在父元素的内容区中排列的，如果子元素的大小超过了父元素，则子元素会从父元素中溢出。

原创 内容补充三

比较优先级时，需要将所有的选择器的优先级进行相加计算，最后优先级越高，则越优先显示（分组选择器是单独计算的），选择器的累加不会超过其最大的数量级，类选择器在高也不会超过id选择器。继承的设计是为了方便我们开发，利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上，这样只需设置一次即可让所有的元素都具有该样式。可以在某一个样式的后边添加！当我们通过不同的选择器，选中相同的元素，并且为相同的样式设置不同的值时，此时就发生了样式冲突。样式的继承，我们为一个元素设置的样式同时也会应用到它的后代元素上。

原创 内容补充二

外部样式表需要通过link标签进行引入，意味着只要想使用这些样式表的网页都可以对其进行引用，使样式可以在不同页面之间进行复用。网页实际上是一个多层的结构，通过css可以分别为网页的每一层来设置样式，而我们看到的只是网页的最上边一层。将样式编写到外部的css文件中，可以使用到浏览器的缓存机制，从而加快网页的加载速度，提高用户体验。可以将css样式编写到一个外部css文件中，然后通过link标签来设置引入外部的css文件。选择器，通过选择器可以选中页面中的指定元素。语法：选择器1，选择器2，选择器n｛｝

原创 学习内容补充

可以直接将超链接的href属性设置为#，这样点击超链接后，页面不会发生跳转，而是转到当前页面的顶部位置。可以使用javascript：；keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用，隔开。img这种元素属于替换元素（块元素和行内元素之间，具有两种元素的特点）可以跳转到页面的指定位置，只需将href属性设置#目标元素的id属性值。所以在使用html标签时，应该关注的是标签的语义，而不是它的样式。id属性就是元素的唯一标识，同一个页面中不能出现重复的id属性。

原创 【无标题】

（如果left和right都有，以left为准；偏移值设置分为两个方向，水平和垂直方向各选一个使用即可。（2）行内元素/行内块元素一行显示多个，即水平布局。定位之后的元素层级最高，可以层叠在其他盒子上面。（1）可以让元素自由的摆放在网页的任意位置。可以让原本垂直布局的块级元素变成水平布局。1.可以解决盒子与盒子之间的层叠问题。（1）块级元素独占一行，即垂直分布。介绍：相对于自己之前的位置进行移动。（2）一般用于盒子之间的层叠情况。2.相对于自己原来的位置进行移动。选取原则就是就近原则。

原创 css学习7

缺点：会在页面中添加额外的标签，会让页面的HTML结构变得复杂。缺点：有些布局中不能固定父元素高度。影响：如果浮动了，此时子元素不能撑开标准流的块级父元素。目的：需要父元素有高度，从而不影响其他网页元素的布局。操作：直接给父元素设置overflow:hidden。(5)给父元素设置overflow:hidden。优点：项目中使用，直接给标签加类即可清除浮动。优点：项目中使用，直接给标签加类即可清除浮动。1.在父元素内容的最后添加一个块级元素。操作：用伪元素替代了额外标签。（1）直接设置父元素高度。

原创 css学习6

标准流：又称文档流，是浏览器在渲染网页内容时默认采用的一套排版规则，规定了应该以何种方式排列元素。2.行内元素或行内块元素：从左往右，水平布局，空间不够自动拆行。4.浮动元素有特殊的显示格式，一行可以显示多个，可以设置宽高。3.浮动找浮动，下一个浮动元素会在上一个浮动元素后面浮动。2.浮动元素比标准流高半个级别，可以覆盖标准流中的元素。伪元素，通过创建css标签，装饰性的不重要小图。伪元素：一般页面中的非主体内容可以使用伪元素。1.n为0、1、2、3、4、5、6、、、1.元素：HTML设置的标签。

原创 css学习5

场景：浏览器会默认给部分标签设置默认的margin和padding，但在一般项目开始前需要先清除这些标签默认的margin和padding，后续自己设置。需求:盒子尺寸300*300，粉色背景，边框10px实线黑色，上下左右20px的内边距，如何完成？需求：盒子尺寸300*300，背景粉色，边框10px，上下左右20px的内边距，如何完成？需求：盒子尺寸400*400，背景绿色，边框10px 实线 黑色，如何完成？场景：互相嵌套的块级元素，子元素的margin-top会作用在父元素上。解决方法：避免就好。

原创 css学习4

场景：如果是复合选择器，此时需要通过权重叠加计算方法，判断最终是哪个选择器优先级最高会生效。css中规定每个盒子分别由：内容区域，内边距区域，边框区域，外边界区域构成，这就是盒子模型。（2）浏览器在渲染网页时，会将网页中的元素看做是一个个的矩形区域，我们也形象的称之为盒子。2.如果第一级数字相同，此时再去比较第二级的数字，如果比较出来了，之后的统统不看。特性：不同选择器具有不同的优先级，优先级高的选择器会覆盖优先级低选择器样式。（1）页面中的每一个标签，都可看做是一个盒子，通过盒子的视角更方便进行布局。

原创 css学习3

1.方位名词（最多只能表示九个位置）：其中水平方向有left ，center，right，其中垂直方向有top，center，bottom。代表标签：div，p、h系列，ul，li，dl，dt，dd，form，header，nav，footer……注意点：如果需要设置单独的样式和连写，要么把单独的样式写在连写的下面，要么把单独的样式写在连写的里面。代表标签：a ，span，b，u，i，s，strong，ins，em，del……1.块级元素一般作为大容器，可以嵌套文本，块级元素，行内元素，行内块元素等等……

原创 css学习二

注：如果需要让以上元素水平居中，text-algin：center需要给以上元素的父元素设置。结果：在选择器1中找到标签的后代（儿子，孙子，重孙子）中，找到满足选择器2的标签，设置样式。注：如果需要让文本水平居中，text-algin属性给文本所在标签（文本的父元素设置）结果：找到页面中既能被选择器1选中，又能被选择器2选中的标签，设置样式。结果：在选择器1所找到的子代中，找到满足选择器2的标签，设置样式。结果：找到选择器1和选择器2选中的标签，设置样式。1.交集选择器中的选择器之间是紧挨着的，没有分隔。

原创 css学习一

注：如果需要同时设置单独和连写形式，要么把单独的样式写在连写下面，要么把单独的样式写在连写的里面。结果：如果给同一个标签设置了相同的属性，此时样式会层叠（覆盖），写在最下面的会生效。常见取值：具体字体1，具体字体2，具体字体3，具体字体4，作用：通过id属性值，找到页面中带有这个id属性值的标签，设置样式。（2）id属性值类似于身份证号码，在一个页面中是唯一的，不可重复。1.从左往右按照顺序查找，如果电脑中未安装该字体，则显示下一字体。2.如果都不支持，此时会根据操作系统，显示最后字体系列的默认字体？

原创 基础学习七

p class="greenyellow size">这个p是什么颜色的呢</p>提示：style标签虽然可以写在页面的任意位置，但是通常约定写在head标签中。场景：在HTML5新版本中，推出了一些有语义的布局标签公开发者使用。（1）所有标签上都有class属性，class属性的属性值称为类名。作用：通过类名，找到页面中所有带这个类名的标签，设置样式。作用：通过标签名，找到页面中所以这类标签，设置样式。注：标签选择器选择的是一类标签，而不是单独的某一个。行内式：css写在标签的style属性中。

原创 基础学习六

男

原创 基础学习五

演员表单网页的标题</title><title>网页的标题赵丽颖</td><td>赵露思</td><td>赵丽颖</td><td>赵露思</td><td>姓名</td><td>年龄</td><td>性别姓名</th><th>年龄</th><th>性别

原创 基础学习4

百度一下</a>代码：<video src =''./video .mp4 " controls></video>代码：<audio src =''./music.mp3'' controls></audio >代码：<a href =''./目标网页.html>超链接

原创 基础学习3

注：若只设置width或height中的一个，另一个会自动等比例缩放（此图片不会变形）当属性值加载失败时，才显示alt的文本，当图片加载成功时，不会显示alt的文本。1、绝对路径：指目录下的绝对位置，可直接达到目标位置，通常从盘符开始的路径。代码步骤：先出当前文件夹，到上一级目录 ../ 然后直接写目录文件。img标签需要展示对应的效果，需要借助标签的属性进行设置。同级目录：当前文件和目标文件在同一目录中。下级目录：目标文件在下级目录中。上级目录：目标文件在上级目录中。属性值：目标图片的路径。

原创 基础学习2

我是一段文字

原创 【无标题】

不同的浏览器的渲染引擎不同，对于相同的代码解析效果会存在差异（如果用户想看一个网页，结果用不同的浏览器打开效果不同，体验感极差）专门用于网页开发的语言，主要通过HTM L标签对网页中的文本、图片、音频、视频等内容进行描述。前段的代码是通过什么软件转换成用户眼中的网页：通过浏览器的转化。渲染引擎不同，导致解析相同的代码时的速度、性能、效果也不同。网页的组成部分：由文字、图片、音频、视频、超链接组成。浏览器：是网页显示、运行的平台，是前端的开发必备利器。网页中也有固定的结构，如：整体、头部、标题、主体。