随笔分类 - HTML和CSS
摘要：实现常用布局 两栏布局 三栏、圣杯、双飞翼 圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。（中间先加载渲染） 圣杯布局 relative margin-left: -100%; <style> .container
阅读全文
摘要：使用纯CSS实现曲线运动（贝塞尔曲线）
阅读全文
摘要：使用CSS绘制几何图形（圆形、三角形、扇形、菱形等） //圆形 <div class="circle"></div> <style> .circle { border-radius: 50%; width: 80px; height: 80px; background: #666; } //扇形 <
阅读全文
摘要：1.column多行布局实现瀑布流 column 实现瀑布流主要依赖两个属性。 column-count 属性，是控制屏幕分为多少列。 column-gap 属性，是控制列与列之间的距离。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="
阅读全文
摘要：-moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 -o代表opera私有属性 -webkit-transform:rotate(-3deg); /*为Chrome/Safari*/ -moz-transform:rotate
阅读全文
摘要：CSS模块化方案、如何配置按需加载、如何防止CSS阻塞渲染
阅读全文
摘要：PostCSS、Sass、Less的异同，以及使用配置，至少掌握一种 引入变量 Less中的变量，在声明中使用时，如果出现多次赋值的情况，其会取最后一次赋值的值 Sass/Stylus中的变量，如果出现多次赋值的情况，其会取声明前面最近的一次赋值的值 mixin 在Less中，可以直接引入一个CSS
阅读全文
摘要：文本阴影 文本裁剪 文字描边 文本填充 text-fill-color 渐变效果 linear-gradient(方位, 起始色, 末尾色) 后面的暂时随用随查
阅读全文
摘要：什么是BFC BFC 全称是 Block Formatting Context，即块格式化上下文。它是 CSS2.1 规范定义的，关于 CSS 渲染定位的一个概念。它是一个独立的渲染区域，只有 Block-level box 参与， 它规定了内部的 Block-level Box 如何布局，并且与这
阅读全文
摘要：水平垂直居中的方案可以实现6种以上并对比它们的优缺点 父、子元素宽高未知时： ①flex布局 ②绝对定位+transform (定位的上、左为 50%，translate 上、左负 50%) ③绝对定位+margin:auto ④直接使用table ⑤Grid网格布局 .parent { displ
阅读全文
摘要：HTML文档流的排版规则 CSS几种定位的规则、定位参照物、对文档流的影响 如何选择最好的定位方式，雪碧图实现原理
阅读全文
摘要：CSS盒模型，在不同浏览器的差异 盒子模型有两种，分别是IE盒子模型和标准w3c盒子模型。 标准w3c盒子模型的范围包括 margin、border、padding、content，并且content部分不包括其它部分。 IE盒子模型的范围也包括 margin、border、padding、cont
阅读全文
摘要：优势？ 离线浏览 - 用户可在应用离线时使用它们。 速度 - 已缓存资源加载得更快。 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。 原理： HTML5的离线存储是基于一个manifest文件(缓存清单文件，后缀为.appcache)的缓存机制(不是存储技术)，通过这个文件上的清单
阅读全文
摘要：head的使用目的和配置方法 使用目的: HTML 头部包含 HTML <head> 元素的内容，与 <body> 元素内容不同，页面在浏览器加载后它的内容不会在浏览器中显示，它的作用是保存页面的一些元数据 配置方法就是 <head> <meta charset="utf-8" /> <title>
阅读全文
摘要：常用页面标签的默认样式、自带属性 默认样式 li {display: list-item }`/*默认以列表显示*/` head {display: none }/*默认不显示*/ table {display: table }/*默认为表格显示*/ tr {display: table-row }
阅读全文
摘要：①用正确的标签做正确的事情 ②html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有CSS情况下也以一种文档格式显示，并且是容易阅读的。 ③搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO ④使阅读源码的人对网站更容易将网站分块，便于阅读维护
阅读全文
浙公网安备 33010602011771号