![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css、css3
参星~
保持每天写代码的习惯,保持职业危机感。
展开
-
css中相对定位、绝对定位和固定定位的区别
一、相对定位position:relative配合 top/left/bottom/right偏移属性使用1.元素不脱离文档流(偏移后其他兄弟元素不占位)2.相对元素原来的位置做偏移3.如果一个元素设置了relative,但是没写偏移属性,跟没定位的效果是一样的。使用场合1.类似于margin,做元素的位置的微调2.作为绝对定位元素的父级或者祖先级已定位元素使用。二、绝对定位position:absolute;配合 top/left/bottom/right偏移属性使用1.元素脱离文原创 2020-05-15 21:18:47 · 389 阅读 · 0 评论 -
css中rgba()和opacity的区别
rgba的定义和用法RGBA(R,G,B,A)RGBA 即红色、绿色、蓝色、透明度(英语:Red, Green, Blue、Alpha)。取值:R:红色值。正整数(0~255) | 百分数G:绿色值。正整数(0~255) | 百分数B:蓝色值。正整数(0~255) | 百分数A:Alpha透明度,取值0~1之间,0表示不透明,1表示全透明。opacity的定义和用法opacity:valueOpacity属性设置一个元素了透明度级别。取值为不透明度。从 0.0 (完全透明)到 1.原创 2020-05-15 20:57:59 · 537 阅读 · 0 评论 -
css浮动导致的高度塌陷问题及解决方法
问题:当父元素没定义高,高度由子元素撑开。所有子元素都浮动后,父元素失去高了,这就是高度塌陷。因为所有子元素脱离文档流了。1.这是未浮动之前。2.这是浮动之后,父元素失去高度了。解决方案1.给父元素添加高度,但是不知道具体高度的时候,不能用2.父元素也浮动,给父元素添加 float:left/right ;弊端:会影响父元素的兄弟元素,或者整体的布局,不推荐使用3.给父元素添加overflow:hidden/auto ;弊端:可以解决,但是不推荐,溢出显示的需求不能做4.在父级div的最原创 2020-05-14 20:51:28 · 1216 阅读 · 0 评论 -
css中font-family和font-style的区别
初学字体样式的时候会分不清楚font-family和font-style的区别font-family :是字体系列它的值有很多,比如 “宋体”,“微软雅黑”等等,就是你电脑字体库里面有的那些字体。font-style:是字体样式它的值有:normal(默认值)、italic(斜体)、oblique(倾斜)例子:<style type="text/css">p.normal {font-style:normal}p.italic {font-style:italic}p.obli原创 2020-05-14 20:23:57 · 6054 阅读 · 0 评论 -
css中盒模型外边距溢出问题及解决方法
一.描述css设置样式时,一对父子元素。当父元素没有上边框(border-top)或者没有上内边距(padding-top)的时候,给子元素设置上外边距,会作用到父元素上。例子:<style type="text/css"> #parent{ width: 200px; height: 200px; background-color: #00f; } #child{ width: 100px;height: 100px; background-co原创 2020-05-14 19:34:29 · 1415 阅读 · 0 评论 -
盒模型的外边距合并问题及解决方案
在网页布局中,有时需要设置css设置外边距(margin), 但是会出现css外边距合并(即重叠)的情况。什么是外边距合并的情况呐?怎么解决呐?1.外边距的合并css外边距合并(重叠)是指两个相邻的块级元素(兄弟元素),当上下两个边距相遇时,外边距会产生重叠的现象,且重叠后的外边距等于其中较大者。示例:<style type="text/css"> #container div{ width: 200px; height: 200px; } #d1{ bac原创 2020-05-14 19:06:15 · 648 阅读 · 0 评论 -
css中选择器的权值
一、权值说明在我们学完css各类选择器后,我们对他们的权值做一个比较。权值代表一个选择器的重要程度,权值越高,选择器的优先级就越高。选择器权值! important>1000内联样式>1000id选择器100类选择器10伪类选择器10标签选择器1通用选择器 *0继承的样式0权值的特点:1.当一个选择器中,含有多个选择器时,需要将所有选择器的权值进行相加,然后比较。权值大的优先显示。2.权值相同,则就近原创 2020-05-14 15:28:16 · 911 阅读 · 0 评论