- 博客(7)
- 收藏
- 关注
RSS订阅原创 CSS相对定位和绝对定位
css定位中有相对定位和绝对定位，那么css相对定位和绝对定位之间有什么不同呢？接下来的这篇文章将给大家分别介绍关于css相对定位和绝对定位的内容以及css相对定位和绝对定位的区别。 一、首先我们来看一看css相对定位 position: relative（相对定位）：相对定位是相对于元素在文档中的初始位置。 首先它出现在它所在的位置上（即不设置position时的位置，然后通过设置垂直或水平位置，让这个元素“相对于”它的原始起点进行移动。 需要注意的是：在使用相对定位时，无论是否进行移动，元素仍然占据原来
2021-02-05 20:44:37
491
原创 CSS选择器总结
CSS选择器总结 1.标签选择器 将 p 和 h3 用逗号分隔，就定义了一个规则。其右边的样式（color:red;）将应用到这两个选择器所引用的元素。 逗号告诉浏览器，规则中包含两个不同的选择器。如果没有这个逗号，那么规则的含义将完全不同 总结,标签选择器可以直接作用于多个标签(中间以逗号隔开进行选择器分组),标签选择器可以选中所有的标签元素，比如div，ul，li ，p等等，不管标签藏的多深，都能选中，选中的是所有的，而不是某一个，所以说 “共性” 而不是 ”特性“ 2.ID选择器 1、 格
2021-01-25 16:19:23
83
原创 实现水平居中方式
一、已知宽度，如何实现水平居中 1.设置子元素的line-height值等于父元素的height，这种方法适用于子元素为单行文本的情况 2.前提：已设置width值 3.已知宽度并且用float或者display把父元素变成行内块状元素 二、未知宽度，如何实现水平居中 1.行内居中text-align:center;实现水平居中 2.绝对定位+transform实现水平居中，translateX可以移动本省元素的50% 3.未知高度，如何实现水平居中 4.已知高度，如何实现水平居中 通过verti
2021-01-21 20:58:42
149
原创 博文尚美轮播小圆点案例
博文尚美轮播小圆点案例 CSS部分 border-radius 属性为元素添加圆角边框 【border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性】 .banner .banner-list li{ height: 8px; width: 8px; border-radius: 50%; } border设置四个边框样式： .banner .banner-list li{ height: 8px; width: 8px; border-radius: 50
2021-01-21 12:25:14
171
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人