整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
天的主题是网页编程中的水平线。
同学们好，今天我来分享一些免费的少儿编程知识。只要每天坚持学习一行代码，你也可以成为编程高手！今天我们要学习如何在HTML中插入一条水平线，使用的是HR标签。HR是一个自闭合标签，虽然它没有标准的属性，但我们可以通过CSS来控制它的外观。
先来看看我们的实例效果。在页面上，两行文字被一条直线分开。这条直线就是HR标签，效果已经展示出来了。现在我们来看看实现的代码。HR标签的写法非常简单，但在最开始的时候，它有四个属性，现在已经不被标准支持了。尽管如此，我们仍然可以使用它。
今天的实例中，我们已经将这些标签加入到了代码中。如果你感兴趣，可以查看下方的代码。按下空格键可以看到过时的属性不会被智能提示，但这并不影响代码的正确性。将注释取消后保存，然后回到浏览器刷新，可以看到属性仍然有效。线条的高度为3，宽度为400，并且居中显示。取消阴影后，线条将变为纯色。
这只是一个演示，你可以参考一下。从这个示例中，我们可以看到，HR标签的宽度是根据页面宽度自动调整的。当它的宽度达到整个浏览器时，它会自动换行。既然属性已经过时了，那么我们如何通过HTML来控制外观呢？CSS是我们今天要学习的内容。
先取消注释的代码，让HTML失效，然后保存。回到浏览器刷新，就可以看到线条变成了蓝色。
今天的分享就到这里，希望各位同学可以试着写三遍，不需要看视频也可以掌握这个技巧。如果你需要案例和相关文档，可以向我咨询。
我们下期再见，想学习编程的同学记得关注哦。
TML/CSS部分
1、什么是盒子模型？
在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。
2、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
行内元素：a、b、span、img、input、strong、select、label、em、button、textarea
块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img
3、CSS实现垂直水平居中
一道经典的问题，实现方法有很多种，以下是其中一种实现：
HTML结构：
CSS：
4、简述一下src与href的区别
href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。
src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。
5、什么是CSS Hack?
一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。
IE浏览器Hack一般又分为三种，条件Hack、属性级Hack、选择符Hack（详细参考CSS文档：css文档）。例如：
6、简述同步和异步的区别
同步是阻塞模式，异步是非阻塞模式。
同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；
异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。
7、px和em的区别
px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小。
浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em
8、什么叫优雅降级和渐进增强？
渐进增强 progressive enhancement：
针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级 graceful degradation：
一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
区别：
a. 优雅降级是从复杂的现状开始，并试图减少用户体验的供给
b. 渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要
c. 降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带
9、浏览器的内核分别是什么?
IE: trident内核
Firefox：gecko内核
Safari：webkit内核
Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核
Chrome：Blink(基于webkit，Google与Opera Software共同开发)
想了解更多前端开发者面试相关欢迎评论区留言或私信我！
关注公众号：fkdcxy 疯狂的程序员丶 面试真题，大厂面经，大牛指点，提升基础知识！
html标题,水平线,注释
html标题(heading)是通过<h1>....<h6>标签来定义的.
根据重要性排列,<h1>定义最大的标题,<h6>定义最小的标题
<html>
<head>
<meta charser="utf-8">
<title>爱你的阿平</title>
</head>
<body>
<h1>这是标题1</h1>
<h2>这是标题2</h2>
<h3>这是标题3</h3>
<h4>这是标题4</h4>
<h5>这是标题5</h5>
<h6>这是标题6</h6>
</body>
</html>
*请认真填写需求信息，我们会在24小时内与您取得联系。
