浏览器/html/css面试题----1

1.什么是盒模型 盒模型 margin(外边距)- 清除边框外的区域，外边距是透明的。 border(边框)- 围绕在内边距和内容外的边框。 padding(内边距)- 清除内容周围的区域，内边距是透明的。 content(内容)- 盒子的内容，显示文本和图像。 W3C的标准盒模型 在标准的盒子模型中，width指content部分的宽度 IE的盒模型 在IE盒子模型中，width表示content+padding+border这三个部分的宽度 css如何设置两种模型 这里用到了CSS3 的属性

一、盒模型 1、什么是盒子模型？ 在我们HTML页面中，每一个元素都可以被看作一个盒子，而这个盒子由：内容区（content）、填充区（padding）、边框区（border）、外边界区（margin）四部分组成。 2、盒子模型有两种。 1、标准模式下: 一个块的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右) 2、怪异模式下： 一个块的总宽度= width + margin(左右)（即width已经包含了pad...

1、请写出至少5个HTML块元素标签 div p ul li table h1 h2 h3 ... h6 form 等 2、请写出至少5个HTML行内元素标签 span a i label img input button textarea select 等 3、请写出table标签下面会包含哪些标签元素 tr th td thead tbody ...

1、目前主流的浏览器以及其内核名有哪些？ 点这里查看 2、内元素和块级元素的区别？ 行内元素：不会独立出现在一行，单独使用的时候后面不会有换行符的元素。eg：span, strong, img, a 等。这些元素，默认的高宽，总是其内容的高宽。并且，margin和padding值，只有左右有效。 块级元素：独立在一行的元素，他们后面会自动带有换行符。eg：di

CSS3属性中关于制作动画的三个属性：Transform,Transition,Animation。1、transform：描述了元素的静态样式，本身不会呈现动画效果，可以对元素进⾏ 旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。div {} transition和animation两者都能实现动画效果transform常常配合transition和animation使⽤2、transition样式过渡，从⼀种效果逐渐改变为另⼀种效果。

外边距重叠（ margin-collapse），在 CSS 当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。解决外边距重叠的问题：1、开启元素的BFC属性，2、在元素的前面加一个空的table3、增加透明的边框。

HTML+CSS面试题总结

HTML 如何理解HTML语义化？ HTML语义化就是让HTML元素有自己的含义，作用： 增加代码可读性，让人更容易读懂。 有利于SEO，提高权重。 在没有CSS样式时，页面能呈现出更好地内容结构。 script 标签 defer 和 async 的区别 script：会阻碍HTML解析，只有发送请求获取JS代码并执行完脚本才会解析HTML。 script async：解析 HTML 过程中进行JS代码脚本的异步获取，完成之后立马执行，有可能会阻断 HTML 的解析。 script defer：完全不会

HTML CSS 基础 面试题

一、什么是盒模型 1.在我们HTML页面中 每一个元素都可以被看作一个盒子，而这个盒子由：内容区（content）、填充区（padding）、边框区（border）、外边界区（margin）四部分组成。 2.盒子模型有标准盒子模型和怪异盒子模型 标准模式下: 一个盒子的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右) 怪异模式下: 一个盒子的总宽度= width + margin(左右)（即width已经包含了padding和border

1.在css 中link和@import的区别是什么？ 1.从属关系上来看 @import是css提供的语法规则，只有导入样式表的作用； link是HTML提供的标签，可以加载css文件，还可以定义RSS，ref连接属性等。 2.加载顺序： 加载页面时，link标签引入css的同时被加载 @import引入的css将在页面加载完毕后被加载 3.兼容性的区别： @import是CSS2.1才有的语法，因此只可在IE5+才能识别 link标签作为HTML元素，不

一、一次完整的HTTP事务是怎么一个过程 域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等） --> 浏览器对页面进行渲染呈现给用户 二、HTTPS是如何实现加密 HTTP 协议（HyperTex...

前端领域，html和css方面的面试题汇总

htmlcss面试基础题 1. 用css画一条长100px, 宽0.5px的细线;(移动端) 思路： transform: scaleX() 2. 给body设置背景色, 背景色会影响到body默认的margin区域吗? 会 3. 页面body标签内设置一个盒子,其宽度是屏幕宽的40%,其高度是其宽度的60%(css写); 4. 有关定位(position)的理解: - 当父级元素(含祖先元素)没有设置position的relative和absolute属性值时;子元素设置了position: absolu