CSS
文章平均质量分 57
赵圆圆
这个作者很懒,什么都没留下…
展开
-
css设置背景图片模糊,内容不模糊
需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示。 解决方法:内容和图片分别置于一个div,通过css设置背景div模糊度,设置内容div绝对位置。 原始代码:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"&...转载 2017-02-22 14:39:01 · 7517 阅读 · 0 评论 -
margin值的特殊性
从2016年10月接触前端,到现在大概1年多了吧,挺长的时间了,本以为自己的布局没有问题,毕竟还是有项目经验的,但是今天却发现自己不是很懂margin,这个前端最常见的属性之一,因此写下这篇作为知识梳理。 借鉴:http://www.planabc.net/2007/03/18/css_attribute_margin/ http://www.hicss.net/do-not-tell-me-...原创 2018-04-24 12:50:05 · 503 阅读 · 0 评论 -
CSS的三大特性(继承,层叠,优先级)
继承性一、什么是继承作用:继承性(inheeited),子类可以使用父类的属性 text-,font-,line-这些元素开头的都可以继承,以及color属性特殊性:a标签的颜色不能继承,必须对a标签本身进行设置h标签的字体大小不能修改,必须对h标签本身进行修改!important优先级最高,但是没有继承性二、继承的元素1、无继承性的属性1、display:规定元素应该生成的框的类型2原创 2017-12-15 10:39:07 · 660 阅读 · 0 评论 -
子元素浮动让父元素塌陷解决办法
父元素没有给固定高度,子元素设有固定的高度,但是父云素也没有被子元素的高度撑开。子元素浮动了,而浮动属性会使元素脱离文档流,即子元素设置float属性后,当前的html文档会当作元素不存在一样,所以可以看作父元素内根本没有内容,高度当然也就撑不开。 解决办法: 1.设置父元素float属性;这样,父元素也是脱离当前文档流,子元素和父元素一起脱离,并且子元素仍在父元素内,父元素内容不空了,所以高度转载 2017-02-21 15:04:03 · 3952 阅读 · 0 评论 -
选择器之相邻兄弟选择器、后代选择器、子代选择器
相邻兄弟选择器相邻兄弟选择器困扰我很久了,从字面上理解感觉还是很好理解,但是就是不会使用,也是查了很多资料,最后才真正的解决了,也能够比较正常的使用。下面是我整理的一些相关笔记。选择相邻兄弟 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。语法解释 相邻兄弟选择器使用了加号(+),即相邻兄弟结合符(Adj原创 2016-12-20 11:37:47 · 2679 阅读 · 0 评论 -
css垂直水平居中对齐的实现方式
这里的demo都只是针对现代浏览器所做,未兼容低版本的IE以及其它非主流浏览器。1.使用绝对定位和负外边距对块级元素进行垂直居中<div id="box"> <div id="child">我是测试DIV</div></div>#box { width: 300px; height: 300px; ...原创 2017-05-14 17:24:45 · 830 阅读 · 0 评论 -
行内元素在设置浮动后可以设置高宽
平时经常给这样的行内元素设置浮动float:left or float:right,浮动了之后还可以给它们设置高度啊宽度啊。这点大家都知道,但是为什么呢?为什么行内元素在浮动之后就可以设置高宽了呢。 引用下曹刘阳写的《编写高质量代码-web前端开发修炼之道》一书中看到的一句话: position:absolute和float会隐式地改变display类型,不论之前什么类型的元素(display:n转载 2017-03-21 14:43:28 · 1803 阅读 · 0 评论 -
BFC详解
BFC是什么?BFC(Block formatting contexts) 浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为“visiable”的块级盒子,都会为他们的内容创建新的BFC(块级格式上下文)。 ...原创 2018-04-24 15:32:33 · 421 阅读 · 0 评论