![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css学习
倒霉娃不要倒霉
这个作者很懒,什么都没留下…
展开
-
【css】单行文字溢出省略号显示
原创 2020-09-06 21:35:26 · 125 阅读 · 0 评论 -
【css】三角的做法
宽度高度设为0,边框设为透明,根据朝向修改其中一个方向的边框颜色,三角形的大小由边框大小决定。原创 2020-09-06 20:05:18 · 126 阅读 · 0 评论 -
【css】字体图标的使用
字体图标下载地址:https://icomoon.io/(以这个为例)http://www.iconfont.cn/点击download就可以下载了把fonts文件夹放入页面根目录下在 CSS 样式中全局声明字体@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?7kkyc2'); src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-o原创 2020-09-05 17:39:03 · 189 阅读 · 1 评论 -
【css】显示与隐藏
一、displaydisplay:none;隐藏display:block;显示隐藏后不占位置二、visibilityvisibility: hidden;隐藏visibility: visible;显示隐藏后占位置三、overflow原创 2020-09-04 21:33:44 · 191 阅读 · 0 评论 -
【css】绝对定位的盒子居中
加了绝对定位的盒子不能通过 margin:0 auto 水平居中,但是可以通过以下计算方法实现水平和垂直居中。① left: 50%;:让盒子的左侧移动到父级元素的水平中心位置。② margin-left: -100px;:让盒子向左移动自身宽度的一半。① top: 50%;:让盒子的左侧移动到父级元素的水平中心位置。② margin-top: -100px;:让盒子向左移动自身宽度的一半。...原创 2020-09-03 13:39:24 · 207 阅读 · 0 评论 -
【css】固定定位——固定在版心右侧位置
让固定定位的盒子 left: 50%. 走到浏览器可视区(也可以看做版心) 的一半位置。让固定定位的盒子 margin-left: 版心宽度的一半距离。原创 2020-09-02 15:01:42 · 998 阅读 · 1 评论 -
【css】定位
一、定位组成定位:将盒子定在某一个位置,所以定位也是在摆放盒子, 按照定位的方式移动盒子。定位 = 定位模式 + 边偏移定位模式用于指定一个元素在文档中的定位方式。边偏移(有 top、bottom、left 和 right 4 个属性)则决定了该元素的最终位置。二、定位模式静态定位 static静态定位是元素的默认定位方式,无定位的意思相对定位 relative(重要)相对定位是元素在移动位置的时候,是相对于它原来的位置来说的(自恋型)。相对定位的特点:a. 它是相对于自己原来的原创 2020-09-02 14:49:24 · 108 阅读 · 0 评论 -
【css】清除浮动
一、为什么需要清除浮动?由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为 0 时,就会影响下面的标准流盒子。二、清除浮动本质1.清除浮动的本质是清除浮动元素造成的影响2. 如果父盒子本身有高度,则不需要清除浮动3. 清除浮动之后,父级就会根据浮动的子盒子自动检测高度。父级有了高度,就不会影响下面的标准流了清除浮动的策略是: 闭合浮动. 只让浮动在父盒子内部影响,不影响父盒子外面的其他盒子三、清除浮动方法额外标签法也称为隔墙法,是 W3C 推荐的做法原创 2020-09-02 00:07:38 · 288 阅读 · 0 评论 -
【css】浮动特性
浮动特性一、脱标脱离标准普通流的控制(浮) 移动到指定位置(动), (俗称脱标)浮动的盒子不再保留原先的位置二、浮动元素一行显示如果多个盒子都设置了浮动,则它们会按照属性值一行内显示并且顶端对齐排列。浮动的元素是互相贴靠在一起的(不会有缝隙),如果父级宽度装不下这些浮动的盒子, 多出的盒子会另起一行对齐。三、浮动元素会具有行内块元素特性四、浮动元素经常和标准流父级搭配使用...原创 2020-09-01 15:59:55 · 137 阅读 · 0 评论 -
【css】外边距合并问题
相邻块元素垂直外边距的合并当上下相邻的两个块元素(兄弟关系)相遇时,如果上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top ,则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。取两个值中的较大者这种现象被称为相邻块元素垂直外边距的合并。解决方案:尽量只给一个盒子添加 margin 值。嵌套块元素垂直外边距的塌陷...原创 2020-08-15 14:52:26 · 163 阅读 · 0 评论 -
a标签不能继承父级的颜色的原因
浏览器默认给a标签指定了一个样式,又因为继承的权重是零,所以会优先执行原有的样式,也就是浏览器给定的默认样式。原创 2020-08-14 19:14:03 · 409 阅读 · 0 评论 -
css基础(笔记)
css选择器的作用:选择标签用的。选择器分为基础选择器和复合选择器两个大类。基础选择器是由单个选择器组成的。基础选择器又包括标签选择器、类选择器、id选择器、通配符选择器。标签选择器是指用标签名(例如p、div)作为选择器。类选择器:样式点定义,结构类(class)调用一个或多个。id选择器:样式#定义,结构id调用,只能调用一次。经常和JavaScript搭配使用。类选择器好比名字(可以重复),id选择器好比身份证号(唯一)。通配符选择器:样式 * 定义,不需要调用,修改所有标签样式。原创 2020-08-09 00:21:10 · 169 阅读 · 0 评论