![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 66
donggejia_de_daxiong
这个作者很懒,什么都没留下…
展开
-
CSS之background
一、元素的前景层和背景层元素的前景层包含内容(如文本、图片)和边框,元素的背景层可以是背景色(background-color)或者背景图片(background-image),背景图片叠加在背景颜色之上。二、CSS背景常用属性1、背景颜色background-color前景色会影响元素的内容和边框,分三种情况:若使用边框属性设置了边框颜色,则边框显示为设置的颜色;若边框未使用边框属性设置边框颜色...原创 2018-05-30 08:47:26 · 575 阅读 · 0 评论 -
块状元素与内联级元素
一、块级元素(block-level element)块级元素的前后均有换行,不会和其他元素并列显示在一行。注意区分的是,display值为block和块级元素并不是完全对等的,即display值为block一定是块级元素,但是块级元素的display值不一定是block,还可以是table、list-item等值。特点:1、前后有换行2、可以设置高度、宽度、padding、margin3、宽度缺...原创 2018-07-06 11:05:24 · 184 阅读 · 0 评论 -
CSS3之box-shadow
box-shadow 给元素边框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。一、语法box-shadow: h-shadow v-shadow blur spread color inset;h-shadow 必需 阴影的水平偏移量。 可正可负,正值...原创 2018-07-19 10:24:04 · 109 阅读 · 0 评论 -
CSS中的一些属性百分比值,相对于谁计算?
在css属性中,很多属性的取值可以是百分比,比如:width、height、padding、margin、font-size、line-height、background-position等,那么这些百分比值的计算是相对于谁呢?先来看几个例子,分别是正常文档流中、浮动情况下和定位情况下。正常文档流中:<div class="parent"> <div cla...原创 2018-08-07 08:22:58 · 7749 阅读 · 1 评论 -
display与visibility的区别
CSS样式“display:none”和“visibility:hidden”都可以实现将页面元素隐藏,但是两者还是有区别的,总结为以下三点:1、被隐藏元素是否占据空间2、后代元素的可见性3、对计数器的影响4、动画效果下面分别对上述三个区别进行说明:一、被隐藏元素是否占据空间display:none隐藏后的元素不占据空间,visibility:hidden隐藏后的元素仍...原创 2018-08-08 10:18:41 · 253 阅读 · 0 评论 -
如何用图片代替多选、单选按钮
在前端开发过程中,对于单选、多选按钮,遇到的问题大致有如下两个:第一,对于类似于单选多选答题,更希望能够实现点击选项也能够使得按钮选中,这得如何实现呢?第二,默认的单选、多选按钮颜值是真得很low啊,可否进行微整呢?一、实现点击选项选中按钮选中有两种方式:1、将label标签把选框和文本一起包围 <label> <input type="chec...原创 2018-12-19 10:53:34 · 3185 阅读 · 0 评论