1.选择器 1.基本选择器 统配选择器 * 标签选择器 会选择到这个页面上所有的这个标签的元素 类选择器 .class名称 选择所有class属性一支的标签,跨标签 4.id选择器: #id名称 ? id必须保证全局唯一 ? 不遵循就近原则 ? 优先级: id选择器 > class选择器 > 标签选 ...
分类：
Web程序 时间：
2020-06-06 18:33:27
阅读次数：
59
在flex容器中默认存在两条轴，水平主轴和垂直的交叉轴，这是默认设置，当然可以通过修改相关属性使垂直方向变为主轴，水平方向变为交叉轴，在容器中，每个单元块称为flex item，每个flex item占据主轴空间为main size，占据交叉轴空间为cross size。 Flex容器 首先实现fl ...
分类：
Web程序 时间：
2020-06-05 01:09:43
阅读次数：
86
垂直居中 单行文本垂直居中 父元素高度为auto 一个父元素如果不设置高度的话，默认就是紧包裹着子元素，如果父元素设置的pading-top和padding-bottom相同，这本身就是一个垂直居中效果，但是当子元素并不是独占一行，而是inline元素和inline-block元素组合成一行，比如下 ...
分类：
Web程序 时间：
2020-06-05 00:36:45
阅读次数：
75
浏览器渲染过程 不同的浏览器渲染过程实际上并不相同，但是依旧存在相一致的部分，大致过程如下所示： 浏览器解析HTML文档的源码，然后构造出一个DOM树，DOM树的构建过程是一个深度遍历的过程，当前节点的所有子节点都构建好以后才会去构建当前节点的下一个兄弟节点。 接下来，浏览器开始对CSS文件内容进行 ...
分类：
Web程序 时间：
2020-06-05 00:26:08
阅读次数：
97
忙忙碌碌的，没空整理。最近遇到些CSS相关问题，之前只是印象中要这么用，不知道之所以然，今天就大概的整理下（会比较零散）。 盒子模型 W3C标准/IE盒子模型 标准盒子模型：宽度=内容宽度（content）+ border + padding + marginIE盒子模型：宽度=内容宽度（conte ...
分类：
Web程序 时间：
2020-06-04 21:59:39
阅读次数：
90
前端布局 基础布局，主要展现在移动端，pc端同样适用。分为一栏、两栏、三栏、四栏。这里使用了两种方式实现。首先设置基础样式： /* common css start */ ul{ list-style: none; background: #f0f1f1; padding: 30px 15px; } ...
分类：
Web程序 时间：
2020-06-03 20:26:43
阅读次数：
71
溢流(Overflow ) ? auto：如果内容太多，那么超出盒子大小的内容会被隐藏，滚动条显示出来，从而可以让用户滚动看到所有内容。? hidden：如果内容太多，那么超出盒子大小的内容被隐藏了。? visible：如果内容太多，超出盒子大小的内容显示在盒子之外（这通常是默认的行为）。 背景剪裁 ...
分类：
Web程序 时间：
2020-06-03 00:17:59
阅读次数：
78
先看效果图 由于是截图，大小有些失真 实现分析 看到这个图，思考一下，就能明白，其实就两个难点： 左边的锯齿状是如何实现 中间的凹陷是如何实现 上述两个难点解决了，相信有css基础的都能写出这个组件。 实现锯齿效果 方法一：伪元素before和after .sawtooth { /* 相对定位，方便 ...
分类：
其他好文 时间：
2020-05-31 17:45:45
阅读次数：
59
css的display属性是前端开发中非常常见的属性，本文简单介绍下其中比较常用的属性值，即block、inline和inline-block。 HTML组件中呈现一片空白区域的组件都可当盒模型（box modal），而CSS则提供了display属性来控制盒模型的外观。 1. block类型（块） ...
分类：
Web程序 时间：
2020-05-31 11:16:48
阅读次数：
70
互联网伊始以HTML-超文本标记语言为基础的网页开发开始引起了每个普通人的注意，当网景公司开创了最早的图文浏览器时，全世界的目光都聚焦在这个窗口上。通过网络IP地址访问各种各样的网页是最初人们网上冲浪的兴趣所在。 但是人性的懒惰是根深蒂固的，IP地址的逆人性特质很快就遭到了嫌弃。于是便于记忆的域名技 ...
分类：
其他好文 时间：
2020-05-31 11:12:17
阅读次数：
62
