随笔分类 -  HTML

摘要：一、display:none; display翻译成中文是显示、展览的意思；将display的属性改为none可以实现元素的隐藏，元素和盒子模型也不生成，被隐藏的元素不占位置，看不见摸不着，它会导致浏览器的重排和重绘。 二、visibility:hidden; visibility翻译成中文是能见、 阅读全文

摘要：一、transition（过渡、转变的意思） transition 属性是一个简写属性，用于设置四个过渡属性： 1. transition-property：设置过渡效果的属性名称（默认值是all）； 2. transition-duration：设置过渡完成所需要的时间（默认值是0）； 3. tr 阅读全文

摘要：一、精灵图 概念：将网页的所需要一些小背景图像整合到一张大的图片中，在css中利用"background-image"、"background-repeat"、"background-position"、"background-size"的组合找到需精灵图。 “background-position 阅读全文

摘要：一、新增的语义化布局标签： 1. header和footer标签 页面中一个内容区块的头部和尾部布局 2. nav 导航区域 3. article标签 页面中独立的内容部分布局 4. aside标签 在独立内容之外，但是又与article有关联的部分布局 二、新增媒体标签 1. audio（音频） 阅读全文

摘要：less是css的一种扩充语言，也叫css预处理器。 作用： 1. 里面代码运用了嵌套的模式，使我们的代码看起来简洁，一目了然； 2. 运用了变量，改变一个只要是引用的部分都会改变，方便我们后期维护，不用考虑兼容器问题； 3. 会自动计算，增加了一些运算符，但是需要在左边声明单位，否则计算出来的内容 阅读全文

摘要：1、px px是pixel的缩写，中文翻译是像素的意思；我们一般用来设置元素的宽高、字体大小，查了一下它不是自然界的长度单位。px是就是一张图片中最小的点，一张图就是由这些点构成的。1024px就是1024像素，如果是1024px×768px，也就是说水平方向上有1024个点，垂直方向上有768个点 阅读全文

摘要：html初始网页布局常见有：标准流、浮动、定位。 标准流：简单来说就是普通流、常规流，占位； 浮动：就是从标准流中浮动出来；不占位； 定位：也是从标准流脱离出来；不占位； 如果给个层级的话：标准流 > 浮动 > 定位。 今天主要记一下浮动元素的特点： 代码：float:left;或者：float:r 阅读全文