自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 前端开发 >

浮动元素的值

left元素向左浮动; right元素向右浮动; none默认值。元素不浮动,并会显示在其在文本中出现的位置; iherit规定应该从父元素继承float属性的值 !DOCTYPE htmlhtmlheadmeta charset="utf-...

2021-07-12 11:07:56
浮动元素的值

文档流和脱离文档流

文档流:指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最 终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素 每个非浮动块级元素...

2021-07-12 11:06:23
文档流和脱离文档流

浮动元素的特点

float元素的特点 float元素的代码 float代码效果图片 float元素的特点 浮动元素在一行显示 设置属性值为left时,浮动元素会依次从父级盒子的左侧向右排布,设置属性值为righ...

2021-07-12 11:03:27
浮动元素的特点

多行文本出现省略号必备的条件(面试题)

/*多行文本出现省略号必备的条件:主要用在移动端手机页面*/ display: -webkit-box;/*弹性盒模型*/ -webkit-box-orient: vertical;/*规定元素的排列方式:垂直排列*/ -webkit-line-clamp: 2;...

2021-07-12 11:00:56
<b>多行文本出现省略号必备的条件(面试题)</b>

单行文本出现省略号必备的条件(面试题)

单行文本出现省略号必备的4个条件缺一不可: width宽度(不写宽度默认继承父元泰的宽度) overflow:hidden溢出隐臧 white-space:nowrap;强制不折行 text-overflow:ellipsis;文字隐藏的方式...

2021-07-12 10:57:06
<b>单行文本出现省略号必备的条件(面试题)</b>

让多个元素在一行显示的方法和技巧(面试题)

如图所示: display: inline div class="text1"文字一/divdiv class="text2"文字二/div .text1,.text2{display: inline;} display: inline-block div class="content1"/divdiv class="content2"/div .content1,.content2{width: ...

2021-07-12 10:50:59
<b>让多个元素在一行显示的方法和技巧(面试题)</b>

overflow的多个作用

①overflow溢出隐藏 p class="box"栏目概述:①平面设计是什么?平面设计需要学什么?平面设计软件有哪些?ps,AI,cdr为设计师常用做图软件,栏目分享设计师构图经验与素材网站网址...

2021-07-12 10:46:45
overflow的多个作用

雪碧图的使用和制作技巧

background-position背景定位 background-position属性设置背景图像的起始位置; xpos ypos第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是长度值px,关键字和百分数值;...

2021-07-12 10:43:36
<b>雪碧图的使用和制作技巧</b>

列举background属性的8个属性值(面试题)

CSS中background的属性值 background-color background-image background-repeat background-position background-attachment 复合属性:background:background-color background-image background -repeat background-position b...

2021-07-12 10:31:51
列举background属性的8个属性值(面试题)

background-origin设置背景图像的参考原点(位置)

background-origin设置背景图像的参考原点(位置) padding-box:从 padding区域(含 padding)开始显示背景图像; border-box:从 border区域(含 border)开始显示背景图像; content-box:从 content区域开...

2021-07-12 10:29:00
background-origin设置背景图像的参考原点(位置)

手机端