Ys.q-优快云博客

原创包含块内容详解

没错，因为我们对 div1 进行了定位，因此它会应用非根元素包含块计算规则的第三条规则，寻找离它最近的 position 的值不是 static 的祖先元素，不过显然 body 的定位方式为 static，因此 div1 的包含块最终就变成了初始包含块。首先 HTML 作为根元素，对应的包含块就是前面我们所说的初始包含块，而对于 body 而言，这是一个 static 定位的元素，因此该元素的包含块参照第一条为 html，以此类推 div1、p1、p2 以及 em1 的包含块也都是它们的父元素。

2023-07-24 11:46:21 444

原创 String对象方法

以传进的符号为分界线分成一个个的数组元素存进数组如果没有相对应的符号则直接将该作为一个数组元素字符串存入数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。找到一个或多个正则表达式的匹配.该方法会返回一个数组，数组中包含了所符合条件的文本。替换与正则表达式匹配的子串，并返回替换后的字符串，注意原字符串不会改变。返回在指定的位置的字符的 Unicode 编码。检索字符串,返回某个指定的字符串值在字符串中。位置的字符串)，并在新的字符串中。返回在指定位置的字符。，如果设置了该参数，

2023-08-21 20:20:18 222 1

原创数组Array对象方法

第一参数为起始位置索引；第二参数为切取元素个数；第三个参数为插入元素，可选项；//如果直传一个参数会删除此索引之后的所有元素返回的是删除之后的数组。第二参数为结束位置索引，注意区分splice(颠倒数组元素的顺序;返回值为逆序后的新数组；toString() 把数组转换成字符串，输出数组元素，输出结果会转换成字符串；查询获取数组元素和添加数组元素；切取数组的一段元素；将新元素添加到数组尾部；，该方法会返回删除的元素；，返回值为新数组的长度；：删除、替换、插入元素,将数组表示为字符串；

2023-08-21 19:14:24 137 1

原创 JavaScript的引入方式and JavaScript中的**隐式转换

操作符：如果第一个值经过Boolean()函数转换后为true，则返回第二个操作值，否则返回第一个操作值。如果有一个操作值为null则返回null，如果有一个操作值为undefined则返回undefined，如果有一个值为NaN，则返回NaN。)操作符：如果第一个值经过Boolean()函数转换为false，则返回第二个操作值，否则返回第一个操作值。3.如果要有一个操作数是NaN，则相等操作符返回false，而不相等操作符返回true。3.如果一个操作数是对象，另一个操作数不是，则调用对象的。

2023-08-09 22:02:48 123

原创什么是置换元素

置换元素”又叫做“替换元素”，（行内块元素）它们所具有的特征为：在不使用css修饰时，元素的标签和属性也会影响元素的显示。比如<img> 标签，浏览器会根据src属性读取图片并显示，且图片大小会影响<img>标签大小。再比如，input标签的type属性会影响input的显示是输入还是选择。最后，我们对置换元素有一个专业定义：一个内容不受CSS视觉格式化模型控制，CSS渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高比）的元素，被称之为置换元素。常见的置换元素img。

2023-07-29 11:19:33 293

原创 2D转换(详解)

matrix() 方法可接受六个参数，其中包括数学函数，这些参数使你可以旋转、缩放、移动（平移）和倾斜元素。同时使用多个转换，格式为transform: translate() rotate() scale()...等。倾斜skew()是指通过设定的角度以其中心位置围绕着X轴和Y轴按照一定的角度倾斜显示。两个参数时：第一个参数表示x轴的倾斜角度，第二个参数表示y轴的倾斜角度。x y的默认转换中心是元素的中心点(50% 50%)一个参数时：表示x轴的倾斜x角度,y轴默认为0；默认旋转的中心点是元素的中心点。

2023-07-29 11:16:33 151

原创 css渐变

渐变属性有：1、线性渐变“linear-gradient()”，语法为“linear-gradient(角度,颜色,颜色)”；2、径向渐变“radial-gradient()”，语法为“radial-gradient(位置,颜色,颜色)”。线性渐变就是沿着某个方向进行颜色上的渐变，可以使用左右上下以及对角线。线性渐变语法：background: linear-gradient(direction, color1, color2 [stop]，color3 [stop], color4...); //

2023-07-29 11:10:34 382

原创 CSS3过渡

过渡（transition)是CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。帧动画：通过一帧一帧的画面按照固定顺序和速度播放。如电影胶片在CSS3里使用transition可以实现补间动画（过渡效果），并且当前元素只要有“属性”发生变化时即存在两种状态(我们用A和B代指），就可以实现平滑的过渡，为了，但是并不仅仅局限于hover状态来实现过渡。今天说过渡。

2023-07-29 11:08:04 86

原创 css之动画使用（详解）

闲话少说直接进入正题。

2023-07-29 11:07:01 313

原创清除浮动的五种方法

div1 {/*解决代码*/.div2 {.left {width: 20%;</style></div>div2</div>原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单、代码少、容易掌握缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题建议：不推荐使用，只建议高度固定的布局时使用.div1 {.div2 {

2023-07-29 11:04:04 98