如果您是前端开发人员，那么几乎每天都会使用CSS边框。我发现了一些可以在您的项目中使用的有用的技巧。当我们想使我们的项目更可见时，该怎么办?我们可以对我们的边框进行动画化处理，甚至在不改变元素大小的情况下也可以进行动画化处理，非常简单。要做到这一点，我们只

这种方法非常明显的好处就是不必提前知道被居中的元素的尺寸，因为transform中偏移的百分比就是相对于元素自身的尺寸而言。关于baseline值：基线是一条虚构的线。在一行文本中，大多数字母以基线为基准。baseline值设置行中的所有表格数据都分享相同

number 和 string/boolean 对比将 string/boolean 转换为数字类型。console.log; //将字符串转换为number 对比 true. 两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p

src与href的区别 src是 source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本， img 图片和 frame 等元素。这也是为什么将js

小写、短命名，同一前缀组合‘-’命名＜5;:focus-visible:键盘访问的聚焦:focus:not{outline:0}

前几天的晚上较全面的去看了下css的一些文档和资料，大部分的样式运用都没什么大问题了，只是有些许较陌生，但是也知道他们的存在和实现的是什么样式。今天主要想在这篇学习笔记中写的也不多，主要是针对:before和:after写一些内容，还有几个小样式略微带过的

1.writing-mode　　语法：writing-mode:lr-tb、tb-rl　　参数：lr-tb：从左向右，从上往下　tb-rl：从上往下，从右向左　　示例：div{writing-mode:tb-rl;}　　2.text-align　　语法：t

修改palceholder内文字的css样式::-webkit-input-placeholder{ color: red; font-size: 20px; line-height: 50px;}修改class名为test1的元素palceholder内

让我们看一下使用媒体查询的更多示例。媒体查询是一种流行的技术，用于向不同的设备提供定制的样式表。为了演示一个简单的示例，我们可以更改不同设备的背景颜色。列的媒体查询媒体查询的常见用途是创建灵活的布局。在此示例中，我们创建的布局在四个，两个和全宽列之间变化，

filter视觉滤镜的种类。不显示原来的图片，且以90度方向模糊20px. Chroma指定的字体颜色变为透明。设置阴影颜色为粉红色，往左移5px，往上移5px，且阴影呈不透明的效果。设置图片水平翻转FlipH. 设置图片光晕颜色为黄色，强度为10. 不显

背景图片的宽*高：400*200，要设置放背景的容器的宽高是图片宽高的等比例自适应填充才不变形。background-size：cover;---把背景图片放大到适合元素容器的尺寸，图片比例不变。

前提是position:absolute左右为0，然后写了个margin:auto;dom就可以底部居中了。图片左右间隙相同，居中显示.msg_box{text-align:center;width: 95%;margin: 0 auto;} //div左

1 概述1.1 前言选择器是CSS的核心组件。本文依据W3C的Selectors Level 4规范，概括总结了Level1-Level4中绝大多数的选择器，并做了简单的语法说明及示例演示。希望对程序员有所助益。2 元素选择器2.1 类型选择器-h1类型选

前言工作以后，大部分的业务工作都是基于移动端H5的，开发过程中学习了很多东西，遇到过许多问题，诸如rememcss pxdevice px等，本文纯属个人的归纳总结，如有问题，请指出亲喷~PC端本文主要是讲解移动端的响应式布局， 但是在真正进入之前， 先了

但是这也带来了副作用。我猜想这是和Chrome用的渲染引擎的工作方式有关，具体为什么，有空再详细研究吧。

好记性不如烂笔头~~</div>左侧宽度固定，右侧宽度自适应关键点在于：右div的margin-left设置为左浮动div的宽度。

本文启发于博客园一篇2016年的“深入理解css中的margin属性”文章，根据当前浏览器，加上自己的理解，每个例子都是亲测过。margin--基础知识margin--在同级元素之间应用margin--在父元素和子元素之间应用（重点）margin--mar

前面有讲到当用户在浏览器输入url之后，经过一系列的过程，会最终向服务器请求到文档数据，文档数据请求到之后，浏览器会将这些数据传给浏览器渲染引擎，渲染引擎开始正式工作了。构建dom树，解析css首先浏览器接收到html文档，就会把HTML在内存中转换成DO

this.readyState || this.readyState === "loaded" || this.readyState === "complete"){

有时候一个简单Bug的出现，往往是由于一点知识小细节；但往往这点小细节看似简单，其背后却颇有韵味。（需求）这部分UI给换成这样的。整体为无序列表，需要保留前置图标；每个列表后跟随对号，且始终垂直居中；嗯？首先需要个对号，Css好像可以实现：对好实现// &