css
文章平均质量分 89
Paroxetiner
你送我的打火机丢了,所以我戒烟了
展开
-
body{},和.body{}的区别
一个是html标签<body>;另一个是类body,也就是.body;比如<div class="body"></div>.body{}是一个类。只有引用class="body"时才有效(如<div class="bocy">).而body{}则不需要引用。只要页面中有<body>这个标签就有效!效果是这样的要是写成.body{}效果就是...原创 2020-12-24 14:34:47 · 1366 阅读 · 0 评论 -
真正的能理解CSS中的line-height,height与line-height
在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉。在此做一下总结,一是更深层次的了解什么是line-height,二是比较height与line-height的区别。基本概念行高与行距从字面的意思是非常容易理解的,但是对布局和样式来说,我们应该更深入的理解各个属性之间的关系,比如line-height与font-size存在什么关系呢,line-height与所属元素的height又有什么联系呢?。好了,带着疑问,我们一同探究。行高原创 2020-10-08 15:02:41 · 275 阅读 · 0 评论 -
CSS--伪元素before和after
css伪元素:before和:after用法详解css的伪元素,之所以被称为伪元素,是因为他们不是真正的页面元素,html没有对应的元素,但是其所有用法和表现行为与真正的页面元素一样,可以对其使用诸如页面元素一样的css样式,表面上看上去貌似是页面的某些元素来展现,实际上是css样式展现的行为,因此被称为伪元素。如下图,是伪元素在html代码机构中的展现,可以看出无法伪元素的结构无法审查。css有一系列的伪元素,如:before,:after,:first-line,:first-letter等原创 2020-10-08 13:50:49 · 973 阅读 · 0 评论 -
css随笔1
CSS margin 属性实例设置 p 元素的 4 个外边距:p {margin:2cm 4cm 3cm 4cm; }CSS padding 属性实例设置 p 元素的 4 个内边距:p { padding:2cm 4cm 3cm 4cm; }CSS font-family 属性实例为段落设置字体:p { font-fam...原创 2018-11-03 10:04:03 · 196 阅读 · 0 评论 -
CSS中的margin、border、padding区别
图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、内边距(padding)、边框(border)和外边距(margin)。对于初学者,经常会搞不清楚margin,background-color,ba...原创 2018-11-08 19:04:45 · 362 阅读 · 0 评论