css中rem单位

414次阅读|109次收藏|219次赞

rem是CSS3新增的一个相对单位(root element),即rem是相对于根元素。使用rem同em一样皆为相对字体大小单位,不同的是rem相对的是HTML根元素。那么,css中rem单位究竟该如何使用呢?
css

移动端文字过多显示省略号

331次阅读|174次收藏|293次赞

在CSS中,如果某行文字、多行文字过长,则需要用省略号代替,可以使用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号,对于多行,在移动端(绝大部分是WebKit内核的浏览器)的页面实现比较简单,可以直接使用WebKit的CSS扩展属性(WebKit是私有属性)-webkit-line-clamp。

CSS中z-index层叠顺序

754次阅读|222次收藏|152次赞

在WEB网页编程中,有时会出现多个元素的非期待重叠错误,或者层叠的顺序不对,普通元素的层叠顺序由元素在文档中的先后位置决定,后出现的会在上面,我们可以通过设置z-index来控制页面元素的层叠顺序,下面介绍有哪些CSS属性会影响元素的显示顺序,以及如何设置z-index的层叠顺序

table表格嵌套,边框重叠变粗的解决

1707次阅读|273次收藏|85次赞

在WEB设计中,table表格线常见问题有:表格边框与表格单元格线的重叠、嵌套表格与被嵌套表格边线重叠问题、嵌套表格与被嵌套表格对不齐的问题,下面介绍table表格嵌套时,两个表格的边框会出现重叠,边框线变粗的解决方法

<i>和<em>、<b>和<strong>的区别

771次阅读|405次收藏|181次赞

html中<i>和<em>都有将这段文字用斜体来显示的效果,<b>和<strong>都有将这段文字加粗的效果,但是应用的时候还是有不同的地方,下面介绍他们之间的区别
css

line-height 百分比与数值的区别

1562次阅读|405次收藏|252次赞

line-height被用来控制行与行之间的垂直距离,line-height属性的值有:normal | <实数> | <长度> | <百分比> | inherit,那么,百分比与数值的区别有哪些呢?例如:line-height:160%和line-height:1.6的区别

CSS3动画属性animation

1106次阅读|437次收藏|126次赞

通过CSS3 animation属性,我们能够创建动画,animation 属性是一个简写属性,主要用于设置动画属性:animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count、animation-direction。

css选择器优先级

1158次阅读|365次收藏|477次赞

CSS选择器优先级包含四个级别(文内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先,选择器的权值加到一起,大的优先;如果权值相同,后定义的优先 。虽然很简单,但如果书写的时候没有注意,很容易就会导致CSS的重复定义,代码冗余。
css

display:inline-block的用法

1182次阅读|409次收藏|133次赞

CSS中display常见的值有:none、block、inline、inline-block、table-cell等,用于定义建立布局时元素生成的显示框类型。其中inline-block让一个元素具有“区块元素”的属性(可以设置width和height),又具有“内联元素”的属性(不产生换行)。
css

CSS3弹性布局

1376次阅读|460次收藏|277次赞

在CSS 3中,CSS Flexible Box模块为一个非常重要的模块,该模块用于以非常灵活的方式实现页面布局处理。使用CSS Flexible Box模块中定义的弹性盒布局技术,可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式,即实现非常灵活的布局处理。

移动端web字体

1328次阅读|23次收藏|84次赞

在Web编码中,CSS默认应用的Web字体是有限的,网页一般都是先有设计稿,然后转为DIV+CSS代码,这其中就会出现很大的差异,例如在移动端的网站展示字体的问题,移动端没有微软雅黑字体。

Web安全色

1158次阅读|297次收藏|94次赞

web安全色,就是网页安全色。 名字虽然有安全,但是和网站的安全无关。叫这个名字,是因为这些色彩在不同的显示设备和操作系统上表现基本一致,非安全色换一个OS环境,颜色就可能失真。下面介绍常见的Web安全色
css

css3 box-shadow

1158次阅读|57次收藏|78次赞

css3中 的 box-shadow 有点类似于 text-shadow,text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。下面介绍css3中box-shadow的用法

css如何让浮动元素水平居中

1839次阅读|373次收藏|371次赞

对于定宽的非浮动元素我们可以在CSS中用 margin:0 auto 进行水平居中,对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。下面介绍css让浮动元素水平居中的方法

css中outline

1093次阅读|401次收藏|325次赞

outline这个属性平时用的不太多,css中outline的作用表示在元素边框边缘的外围绘制一条包围元素的线,包括outline-color、outline-style、outline-width三个子属性的设置,可缺省,无固定顺序。
css