- 博客(27)
- 收藏
- 关注
RSS订阅
1原创 透明效果.
例如 background-color、color、border-color等。3、opacity是属性，它有继承性,给祖先元素设置，会继承给它的后代元素。2、rgba、transparent是属性值，他必须要跟在特定的属性后，rgba、transparent是没有继承的，给谁设置，谁就有。1、opacity是属性，rgba、transparent是属性值。相当于在元素前面放一层玻璃，整个元素都是朦朦胧胧的。设置opacity;(数值在0-1之间)颜色设置transparent；...
2022-08-15 18:42:51
84
原创 定位的分类及特点（二）
配合top值设置，没有达到top值前正常显示，随滚动条正常滚动，达到top值后类似于固定定位，不随滚动条而滚动。运行结果是当盒子随着滚动条下移到顶点（即top=0）的时候，就不再随滚动条下移了，固定在该位置了。3.开启固定定位的元素不占有原位置，即脱离了文档流。1.以浏览器的可视窗口为参照物，与父元素无关；3.粘滞定位可以在元素到达某个位置时将其固定；粘滞定位：position：sticky；2.固定在浏览器页面上，不随滚动条滚动；常用于固定导航、固定侧边栏或者广告。2.占有原位置，即不会脱离文档流；...
2022-08-12 19:01:03
106
原创 定位的分类及特点（一）
如果没有开启父元素的定位，那么相对定位会参考其祖先元素的定位，如果父元素和祖先元素都没有设置定位，则子元素会参照根标签html来移动位置。2、设置偏移量，偏移量的相对位置是相对于元素原来在文档流中的位置（left：0；2、设置绝对定位后，元素的性质就会发生变化，就不会再区分块还是行内了。3、设置绝对定位后，如果不设置偏移量，元素的位置也不会发生变化。一般开启子元素的绝对定位后会同步开启它的父元素的相对定位，叫做“子绝父相”4、绝对定位，它的原点是相对于其包含块来定位的。static 默认值。...
2022-08-11 19:00:56
360
原创 清除浮动方法
运行结果如图 ，可以看见在box1不设高度的情况下，box2撑开了box1，但这种方法必须要在盒子的最后加空标签，所以，在不知道内容有多少的情况下，不是很实用。很多时候我们不方便给盒子设置高度，想让它被内容撑开，但是不设高度的话，底下的盒子就会上来占领它的位置，为了避免这种情况，我们要给盒子清除浮动带来的影响。方法三：在父元素最后用::after加上一段空内容。为什么要清除浮动呢？...
2022-08-10 20:09:49
77
原创 浮动的特点
4、如果浮动元素的前一个兄弟，没有浮动，则浮动的元素不会超过他前面没有浮动的元素。1、设置元素浮动之后，元素会脱离文档流，元素原来在文档流中的位置，就不会存在。当浮动元素遇到了文字，浮动的元素不会覆盖文字，而是文字会环绕在浮动元素的周围。2、设置元素浮动之后，元素会尽量的向左或者向右，向上进行移动，元素脱离文档流了，就不再区分块，行内，行内块，也就不具有以上的特点。3、设置浮动的元素，不会超过它前一个兄弟，最多一遍齐。元素也不会独占一行了，也可以设置宽高了。行内块元素 ：兼具块元素，行内元素的特点。...
2022-08-09 20:53:37
335
原创 浮动float
3.具有行内块元素的特性（如果行内元素设置了浮动，可以直接设置其宽高）none 默认值，元素正常显示，不浮动。right 元素向右浮动。浮动（float）可以让多个块元素横向排列；left 元素向左浮动。2.在一行内显示且顶部对齐；...
2022-08-08 16:45:18
63
原创 水平布局、垂直布局
如果有设置auto，则浏览器会自动调整auto的值，以使等式成立。5:如果将两个外边距设为auto，宽度固定，则两侧外边距会设置为相同的值会使元素自动在父元素中居中，所以我们经常将左右外边距设置为auto。visible 默认值 子元素会从父元素中溢出，在父元素外部的位置显示。默认情况下，父元素的高度是被子元素撑开的，父元素设置了，则设置多少就是多少。一个元素在其父元素中，水平布局必须要满足以下的等式。如果子元素的大小超过了父元素，则子元素会从父元素中溢出。4:如果三个值都是auto，也只会调整宽度。.
2022-08-05 18:53:26
141
原创 图片抖动/设置圆弧
border-box (这里盒子的width和height指的是内容区、内边距、边框的大小。比如 border-radius：50%，画出来的就是一个以父元素宽度的1/2的长度为半径的圆。content-box 默认情况下（盒子width指的内容区宽度。box-sizing控制盒子width和height组成部分。也可以以百分比为单位，意思是占父元素宽度的百分之几；border-radius 用来设置圆角。这里的意思是以10px为半径画圆；......
2022-08-04 20:37:34
92
原创 行间距、文本样式、文档流
1、设置元素垂直对齐的方式 ，这种功能，只针对图片，文字，表格，不针对块元素。1、行内元素不会独占一行,它是自左向右排列，一行排满，再另起一行，继续从左向右。4、特殊的行内元素a标签，它里面什么都能放，可以放块元素、行内元素、行内块元素。网页是一个多层的结构,设置样式，也是一层一层的设置，最终我们看到的最上面的一层。第一个参数：阴影的水平位移距离 （必填） 正值向右，负值向左。3、特殊的块元素p标签，它里面一般只放文字或者图片，不能放块元素。行间距=下间距+上间距=行高-字体大小。...
2022-08-02 20:06:34
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人