CSS
Daisytattoo
自律与生活。
展开
-
web前端大坑
float 导致块坍塌现象:相信不少程序员在开发时会使用float进行布局,但这样做却往往会导致被作用块脱离文档流,即不占高度,相当于不存在但又会显示,导致各个块级元素挨在一起。为了避免这种这种坍塌现象,在这里我给大家介绍三种避免这种现象的方法:1.在使用float元素的父级块中添加一句overflow:hidden,作用是使超出父级元素的部分不显示;2.使用after伪对象;3.在结束float...原创 2018-04-22 15:03:37 · 677 阅读 · 0 评论 -
word-break 、white-space与word-wrap的区别
1、word-wrap:break-word,内容将在边界内换行,仅用于块对象,内联对象要用的话,必须要设定height、width或display:block或position:absolute。2、通过使用word-break属性,可以让浏览器实现在任意位置的换行。取值可为以下三种形式:3、white-space:设置如何处理元素内的空白。取值可为:4、overflow:hidden,超出边界...原创 2018-05-02 19:22:31 · 265 阅读 · 0 评论 -
CSS定位机制
在CSS的定位机制中,分别有如下三种:1.文档流 2.浮动(float)3.定位(position)所谓文档流,即元素排版布局过程中,元素会自动从左往右,从上到下的流式排列。脱离文档流,即将元素从普通的布局排版中拿走(打乱排列顺序),其他盒子在进行定位的时候,会当做脱离文档流的元素不存在而进行定位。PS:只有绝对定位absolute和浮动float才会脱离文档流。position:absolute...原创 2018-05-02 19:41:49 · 194 阅读 · 0 评论 -
CSS可继承的属性
继承:即指子节点默认使用父节点的样式属性所有元素可继承:visibility和cursor内联元素可继承:letter-spacing、word-spacing、white-space、liine-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-tran...原创 2018-05-02 20:00:14 · 307 阅读 · 0 评论 -
CSS内联、块级与内联块级元素
常见的内联元素:<a>、<b>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>常见的块级元素:<div>、&a原创 2018-05-02 20:07:48 · 383 阅读 · 0 评论