分类：前端

css中清除float的方法是，为父元素设置【overflow:auto】。设置之后，内容元素会被修剪，超出元素将不可见。我们还可以通过增加空标签，或者使用【:after】伪元素来清除float。本文操作环境：windows10系统、css

分类：前端

css中将div设置为居中的方法是设置定位，例如【position:absolute;】或【margin:auto;】。当我们需要充分考虑浏览器的兼容性时，可以使用Flex布局方法。本文操作环境：windows10系统、css 3、thin

分类：前端

css实现三角的原理：首先确定底边是哪个方向，并设置哪个方向有颜色值；然后将其相对的边直接去掉；接着设置其左右两边的宽度和为该三角形的底边长，其自身的宽度为该三角形的高即可。本文操作环境：windows7系统、HTML5&&CSS3版，DE

分类：前端

实现方法：1、利用padding属性和“%”单位；2、利用padding和calc()属性；3、利用padding属性和CSS变量；4、利用padding属性和伪元素；5、直接利用视窗单位“vw”；6、使用视窗单位配合CSS Grid布局。

分类：前端

css去掉焦点框的方法是，给输入框添加样式【input{outline:none}】就可以了。此时我们即使在输入框中输入内容，外框也不会出现焦点。本文操作环境：windows10系统、css 3、thinkpad t480电脑。input是

分类：前端

css中设置table边框颜色的方法是，给table边框添加border-color属性，并且根据需要设置table边框的颜色即可，例如【border-color:#ff0000 #0000ff;】。本文操作环境：windows10系统、c

分类：前端

css将文本框设置为只读的方法是，在input文本框中添加readonly属性即可。readonly属性是一个布尔属性，该属性用来规定输入字段是只读的。本文操作环境：windows10系统、css 3、thinkpad t480电脑。rea

分类：前端

css清除input默认样式的方法是，将input的各个属性的属性值设置为none即可，例如【background:none;outline:none;border:none;】。本文操作环境：windows10系统、css 3、think

分类：前端

在前端开发中经常需要按不同屏幕尺寸来进设计达到PC和移动端响应式。我们一般使用CSS媒体查询来检测视口宽度或高度，然后根据该模式改变设计。 这就是在过去10年中设计Web布局的方式。CSS容器查询，一个长期以来被web开发者要求的特性，很快

分类：前端

在CSS中，行高是指包括内容区与以内容区为基础对称拓展的空白区域，也可以认为是相邻文本行基线间的垂直距离。行高可以利用line-height属性来设置，该属性不允许使用负值。本教程操作环境：windows7系统、CSS3&&HTML5版、D

分类：前端

在css中，可以利用“:nth-child(n)”选择器来进行奇偶匹配，选择奇偶行元素；该选择器的参数n可以是数字、关键词或公式，设置n为“Odd”或者“even”关键词即可匹配下标是奇数或偶数的子元素。本教程操作环境：windows7系统

分类：前端

在css中通过word-break与white-space这两个属性来设置自动换行，其中word-wrap属性允许长单词或URL地址换行到下一行；而white-space属性可以设置文本换行方式。本文操作环境：windows7系统、css3

分类：前端

css设置li不要点的方法：1、找到相关性的CSS并在“.li”和“.ul”下写入“list-sytle:none;”；2、在head部分写入“<style type="text/css">list-style:none;”。本文操作环境：

分类：前端

在css中，可以使用“!important”来增加权重，语法“选择器{样式:值!important;}”。css样式中加上“!importanrt”可以覆盖父级的样式；IE6中不能识别，但IE7和别的浏览器中可以用，用来处理浏览器的兼容性。

分类：前端

css中的“>”是指子代元素，是CSS3特有的选择器，“父元素>子元素”表示选择父元素的所有子元素，与“父元素 子元素”的区别在于，“父元素 子元素”选择所有后代元素，“父元素>子元素”只选择一代。本教程操作环境：windows7系统、CS

分类：前端

css设置字体的方法：1、使用font标签进行设置，语法格式为“<font face="字体样式"></font>”；2、使用font-family属性进行设置，语法格式为“标签{font-family:“字体样式”}”本教程操作环境：wi

分类：前端

在css中，可以使用“::-webkit-scrollbar”伪类选择器来选中滚动条，然后使用“display:none”样式不显示滚动条即可；具体语法格式“::-webkit-scrollbar{display:none;}”。本教程操作

分类：前端

消除锯齿的方法：1、使用-webkit-font-smoothing属性，语法“-webkit-font-smoothing:antialiased”；2、使用transform属性，语法“transform:translateZ(0)”。

分类：前端

在css中，可以使用overflow-x属性隐藏x轴坐标，只需要给元素设置“overflow-x:hidden”样式即可。overflow-x属性用于裁剪div元素中内容的左/右边缘，当值为hidden时，表示裁剪内容，并且不提供滚动机制。

分类：前端

本篇文章带大家一起深入了解一下box-decoration-break属性。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。这两天接触到一个很有意思的 CSS 属性 -- box-decoration-break。下面就一起