摘要：
一、rem的定义理解 1.rem的定义理解： 通过设置 根元素<html>的font-size的大小，来控制整个html文档内的字体大小、元素宽高、内外边距等， 2.rem（font size of the root element）是指相对于根元素的字体大小的单位。 em（font size of 阅读全文
摘要：
一、js输出 1.JavaScript 能够以不同方式“显示”数据： 使用 window.alert() 写入警告框 使用 document.write() 写入 HTML 输出 使用 innerHTML 写入 HTML 元素 使用 console.log() 写入浏览器控制台 <script> w 阅读全文
摘要：
1.CSS实现文本单行居中，多行居左 效果图： <style type="text/css"> .fu{ width:380px; background:red; text-align: center; } .fu>p{ /*text-align: left;*/ text-align: justi 阅读全文
摘要：
一、单行超出省略显示。 .div1 { width:300px; height:200px; /* 单行 */ text-overflow: ellipsis;//超出部分文字"..."显示 overflow:hidden;//超出部分隐藏 white-space: nowrap;//超出部分不换行 阅读全文
摘要：
一、JS获取、设置或者删除元素属性 原生js： $("要获取属性class/id名").getAttribute("属性"); $("要设置属性class/id名").setAttribute("属性"，"属性值"); $("要删除属性class/id名").removeAttribute("属性" 阅读全文
摘要：
CSS清除浮动 1.在浮动的元素上，定义父元素，然后再父元素上加固定高height。 <style type="text/css"> .div1 { width: 500px; /*方法一：在浮动的元素上，定义父元素，然后再父元素上加固定高height。*/ height:200px; } .box 阅读全文
摘要：
一、水平居中 方法一: 通过给父元素添加display: flex; justify-content: center;使其水平居中。 方法二: 通过给元素添加margin: 0 auto;使其水平居中。 方法三: 通过给父元素添加position:relative; 子元素添加position: a 阅读全文
摘要：
一、行内元素和块级元素 1.1、块级元素（block）： 它独占一行； 它的宽高可以设置； 默认时，宽度是100%； 例如：<div>、<h1-h6>、<ul>、<ol> 、<li>等。 1.2、行内元素（inline）： 它的宽度由内容决定，高度有内容字体大小决定； 它不可以设置宽高； 它可以和其 阅读全文
摘要：
一、Flex布局的定义 Flex：弹性布局。 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。 它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 ①、任何一个容器都可以使用Flex布局。 display：fle 阅读全文