![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 61
CSDN认证用户
这个作者很懒,什么都没留下…
展开
-
CSS中的宽度与高度
Normal flow 文档流Normal flow正常翻译应该是普通流, 但是我们经常叫做文档流. 哪些时文档流呢? 这个一般看postion属性了. position属性有五个值, 分别是static, relative, fixed, absolute, inherit. 后面又出了一个新的实验性质的API为sticky. 这个新的API我们暂时不讨论. 其中, 属性值为fixed...原创 2018-05-17 16:31:58 · 841 阅读 · 0 评论 -
css实现“加号”效果
实现下图的加号效果:若想实现这个效果, 只需一个div元素即可搞定。需要用到css的为了before和after, 以及border特性。先设置一个div便签 <div class="add"></div>再设置一个边框:.add { border: 1px solid; width: 100px; height: 100px;原创 2018-10-21 16:53:11 · 16468 阅读 · 3 评论 -
css清除浮动
清除浮动清除浮动的方法在网络上有许多文章总结了. 我为了加深记忆, 就写一篇吧. 我最喜欢的清除浮动方法是, 使用.clearfix<div class="father clearfix"> <div class="left">child1</div> <div class="right">child2&am原创 2018-09-10 21:27:39 · 251 阅读 · 0 评论 -
css选择器的优先级
四个等级css选择器的优先级规定了文档采用哪一种样式. 选择器的等级主要有以下四个等级(依次递减)行内样式(style声明)id选择器类, 伪类, 属性选择器元素选择器, 伪元素选择器当同一个元素有多个css规则时, 对照着上面的四个等级, 对每一个规则确定每个等级有几个选择器, 记下个数. 然后做下列运算. 行内样式的选择器个数乘以1000 id选择器的个数乘以10...原创 2018-09-10 11:50:51 · 385 阅读 · 0 评论 -
CSS居中全攻略
水平居中内联元素css的水平居中相对于垂直居中比较好些. 当要居中的元素是一个内联元素时, 只需要在其父元素上加上下面的一条css规则即可:text-align: center;块级元素要居中的是一个块级元素, 那么设置元素的左右外边距为zuto即可. 即下面的规则:margin-left: auto;margin-right: auto;多个块级元素多个...原创 2018-09-10 10:59:22 · 291 阅读 · 0 评论 -
对项目进行css布局
我们最终的项目大概想做成这样的. https://modao.cc/app/7LMoFzAGQXX45EzSw39JEotoeyMrFzo根据图纸, 我们写css布局. 这是大概布局: 对应的html代码为: (这是admin.html中的片段代码)&amp;lt;div class=&quot;page&quot;&amp;gt; &amp;lt;!-- 左侧栏 --&amp;g原创 2018-08-08 07:48:27 · 396 阅读 · 0 评论 -
使用vertical-align属性除去图片下的间隙
当我们在一个元素中嵌入图片时, 会发现图片下面有一条空隙<style>div { border: 1px solid red; background: blue;}</style><div> <img src="https://images.cnblogs.com/cnblogs_com/libra-yong/991915/...原创 2018-07-25 13:06:06 · 1149 阅读 · 0 评论 -
块格式上下文
css2.1中定义浮动,绝对定位元素,非块盒的块容器(例如,inline-blocks,table-cells和table-captions)和overflow不为visible的块盒会为它们的内容建立一个新的块格式化上下文在一个块格式化上下文中,盒在竖直方向一个接一个地放置,从包含块的顶部开始。两个兄弟盒之间的竖直距离由margin属性决定。同一个块格式化上下文中的相邻块级盒之间的竖直m...原创 2018-07-24 15:58:54 · 256 阅读 · 0 评论 -
rem随记
remrem保存的是html元素的font-size值. 可以用来做移动端适配rem的基准值通常可以使用如下方式计算:rem = window.innerWidth/10注意: 对于border等对可直接设置为px, 不用remhtml的font-size设置html的font-size:使用媒体查询@media使用JavaScriptdocument.a...原创 2018-05-12 10:46:22 · 241 阅读 · 2 评论