- 博客(20)
- 收藏
- 关注
RSS订阅原创 while和do while区别？
3177人阅读do-while语句和while的区别do-while语句是一种后测试循环语句，即只有在循环体中的代码执行之后，才会测试出口条件。其实就是，代码在刚开始执行的时候，都是要先走一遍do循环体内的代码，然后在与while里面的条件进行判断，成立循环就一直继续下去，不成立就跳出循环。循环体内代码至少被执行一次。（肚子饿了，看到吃的先狂吃一顿，直到被发现了，就闭嘴停不吃了）while语句是属于前测试循环语句，也就是说，在循环体内的代码被执行之前，就会对出口条件求值。其实就是先与while里
2022-10-17 20:05:53
1797
1
原创 三栏自适应
三栏布局中间自适应一、使用flex布局//原理使用flex布局，左右给固定宽度，中间使用felx:1分得剩余宽度 .outer{ display: flex; width: 100%; } .outer>div{ height: 200px; } .left{ width: 200px; background-color: red; } .center{ flex: 1; background-color: skyblue; } .right{ width: 200px; backg
2022-10-08 14:29:53
225
原创 弹性盒子HTML
弹性盒子是一种用于按行或按列布局元素的一维布局方法 。元素可以膨胀以填充额外的空间, 收缩以适应更小的空间为什么是 弹性盒子?长久以来，CSS 布局中唯一可靠且跨浏览器兼容的创建工具只有float和position。这两个工具大部分情况下都很好使，但是在某些方面它们具有一定的局限性，让人难以完成任务。以下简单的布局需求是难以或不可能用这样的工具方便且灵活的实现的：在父内容里面垂直居中一个块内容。 使容器的所有子项占用等量的可用宽度/高度，而不管有多少宽度/高度可用。 使多列布局中的
2022-10-08 14:28:13
3134
原创 移动端适配
28819人阅读移动端适配的五种方法所谓移动端适配，就是WebApp在不同尺寸的屏幕上等比显示第一种方法：viewport适配原理：通过设置initial-scale, 将所有设备布局视口的宽度调整为设计图的宽度.//获取meta节点 var metaNode = document.querySelector('meta[name=viewport]'); //定义设计稿宽度为375 var designWidth = 375; //计算当前屏幕的宽度与设计稿比例 var
2022-10-08 14:26:33
421
原创 溢出隐藏HTML
2474人阅读垂直对齐方式场景:解决行内/行内块元素垂直对齐问题vertical-align属性只对行内或行内块元素有效. /* 默认值 基线对齐 */vertical-align: baseline;/底部对齐 */*vertical-align: bottom; /*中线对齐 */vertical-align: middle; /* 顶部对齐 */vertical-align: top;光标类型border-r
2022-10-08 14:23:54
747
原创 HTML表格样式
9675人阅读行跟列背景颜色的选择，合并等列的颜色选择代码<colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightyellow"></colgroup> <colgroup span="2" bgcolor="lightgreen"> <col bgcolor="lightgray"> <col&
2022-10-08 14:21:24
7686
原创 外边距塌陷
1479人阅读（这是我第一篇博客，排版不好多有见谅）外边距合并也叫作外边距塌陷，那什么是外边距塌陷？满足以下条件就会产生外边距塌陷现象：1，子元素在父元素里面2，子元素中有margin-top或者margin-bottom值此时已经产生外边距塌陷那么该怎么解决呢，个人认为有七种方式：第一种：给父元素增加内边距padding值，如图所示：第二种方式：父元素增加边框border值，如图所示：第三种方式：父元素增加overflow：hidden，如
2022-10-08 14:20:37
752
原创 有序和无序
1122人阅读一、无序列表无序列表是网页中最常用的列表，各列表为并列关系，没有顺序区分基本语法格式<ul> <li>列表1</li> <li>列表2</li> </ul> ul中只能嵌套li标签，嵌套文字的方式是不允许的 1 2 3 4 5无序列表常用的type属性值type属性值 显示效果 disc(默认值) 实心圆 circle 空心圆 square 实
2022-10-08 14:19:00
664
原创 【无标题】删除线代码
下面我们通过简单的代码示例，为大家介绍如何用HTML中<s>标签实现文字中间添加删除线的方法！html删除线代码示例如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html删除线代码示例</title> </head>
2022-10-08 12:01:28
1961
原创 前端HTML
浏览器运行效果如下你的问题得到解决了吗？欢迎在评论区留言。赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。结束语技术是一点一点积累的，大神也不是一天就可以达到的。原地不动就是退步，所以每天进步一点点。最后，附上一句格言："好学若饥，谦卑若愚"，望共勉。一：什么是有序列表。二：如何更改有序列表列表项符号。来自专栏HTMLAllen Su26篇文章56人订阅发布于2019-10-23著作权归作者所有相关推荐更多HTML5入门之有序列
2022-10-08 11:58:10
81
原创 清除浮动的方法
1984人阅读问：为什么要清楚浮动呢？答：由于浮动元素会脱离原来的文档流，不占用页面的空间，导致父元素因为子元素的浮动引起内部高度为0的情况，导致页面显示不正常。用个例子展示一下首先，这是没有使用浮动的情况：，父元素没有设置宽高，但是被子元素的高撑起来了，至于宽的话，我们知道，div是属于块级元素，默认占一行。然后，我们先给小子元素添加浮动，让其脱离文本流，观察父元素的变化。这时候我们观察到，当小子元素脱离了文本流之后，父元素自是根据大子元素（未脱离文本流）的高度进行变化。最后，我们在将
2022-07-30 20:36:20
61
原创 【无标题】html元素类型
1169人阅读一、html元素类型html元素分为两大类：块元素和内联元素(行内元素);注：也可以将html元素这样分类：块元素，内联元素，内联块元素1.块元素常见块元素：div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,td,form,fieldset,hr块元素特点：a) 块元素以块的形式显示为一个矩形区域，默认不设置宽度时，继承父元素的宽度b) 默认情况下，块元素独占一行，自上而下排列，相邻块元素不会出现并排显示的现象
2022-07-28 21:58:07
550
原创 【无标题】绝对定位的特点
2295人阅读：绝对定位的特点1.建立了以包含块为基准的定位2.完全脱离了标准文档流3.随即拥有偏移属性和z-index属性(absolute及fixed都属于绝对定位)absolute与fixed的相同点：● 完全脱离了标准文档流—兄弟元素不再受其影响;● 以父包含块为基准定位—初始位置在父包含块的左上角(没设置偏移量时).absolute与fixed的区别： absolute -- 无已定位祖先元素，以<html>为 偏移...
2022-07-27 23:36:30
118
原创 清除浮动的方法
5684人阅读前言： 在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象，这个现象叫浮动溢出。为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。 清除浮动主要是为了解决父元素因为子级元素浮动引起的内部高度塌陷的问题。为什么会使用浮动？ 一开始出现浮动只是为了解决文字环绕图片问题，但最后是为了解决几个
2022-07-26 23:19:18
71
原创 【无标题】绝对定位的特点
2289人阅读绝对定位的特点：1.建立了以包含块为基准的定位2.完全脱离了标准文档流3.随即拥有偏移属性和z-index属性(absolute及fixed都属于绝对定位)absolute与fixed的相同点：● 完全脱离了标准文档流—兄弟元素不再受其影响;● 以父包含块为基准定位—初始位置在父包含块的左上角(没设置偏移量时).absolute与fixed的区别： absolute -- 无已定位祖先元素，以<html>为 偏移...
2022-07-25 20:54:15
278
原创 html分割线
34755人阅读各种分割线Html代码一、基本线条：1、<HR>2、<HRalign=center width=300 color=#987cb9SIZE=1>align线条位置（可选left、right、center）；width线条长度；color颜色；size厚度二、特效（效果并不是孤立的，可相互组合）1、两头渐变透明：<HR style="FILTER:alpha(opacity=100,finishopacity=0,style=3)".
2022-07-21 21:55:02
13071
原创 web介绍
这篇文章继续向大家分享Web开发和设计精华文章，文章主要来自今年6月份发布在梦想天空博客的博文。梦想天空博客专注于分享Web开发技术、资源和教程，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的网页设计案例，共享精美的设计素材和强大的Web开发工具。分享快乐，快乐分享，希望这些资源能帮助到您。HTML5 & CSS310个让人眼花缭乱的 HTML5 和 JavaScript 效果7款很棒的 HTML5 视频播放器最新30佳 HTML5.
2022-07-19 21:52:30
221
原创 web知识
写一些过时的HTML错误：早期的互联网比起我们现在，标记的选择要少得多。然而，旧习难改，现在很多开发人员写的HTML就好像还身处20世纪一样。举例来说，我们使用<table>元素用于布局，当其他特定语义标签更适合的时候使用<span>或<div>元素，在当前HTML标准不受支持的时候使用<center>或<font>标签，在页面上间隔项目，如果有大量 字符实体的话。影响：遵从这种过时的HTML规则可能会导致标记过于复杂，结果是在不同的.
2022-07-15 20:11:08
60
原创 web职能
一、Web前端的职能Web前端工程师其实在不同的公司，有不同的职能，但是称呼都是类似的。 做网站设计、网页界面开发 做网页界面开发 做网页界面开发、前台数据绑定和前台逻辑的处理 设计、开发、数据 二、Web前端开发需要掌握的技术： 学习html，这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基
2022-07-14 21:22:30
56
原创 【无标题】web基础知识
1 什么是HTMLHTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 指的是超文本标记语言:HyperTextMarkupLanguage HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签(markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML标签及文本内容 HTML文...
2022-07-13 16:01:29
48
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人