CSS3中user-select的用法

337次阅读|32次收藏|34次赞

user-select属性是CSS3新增的属性,用于设置用户是否能够选中文本。Web 开发人员可以利用这一新属性轻松精确的控制用户可以在网站上选择哪些文本。目前主流的浏览器都支持该属性,但是有的要加上一定的前缀。
css

stylus、sass、less区别

564次阅读|142次收藏|100次赞

随着项目越来越复杂,CSS的预处理越来越重要,css维护工作会越来越困难,造成这些困难的很大原因源于CSS 是一门非程序式语言,没有变量、函数、作用域等概念。为了更好的管理、维护CSS代码,可以使用stylus、sass、less等技术。
css

css3 media媒体查询

530次阅读|308次收藏|396次赞

css3的媒体查询功能,使得响应式布局得以方便实现,使用@media 媒体查询,你可以针对不同的媒体类型定义不同的样式。移动设备的屏幕大小是五花八门,各式各样!要想很好的兼容移动设备,可以使用Css3的media媒体查询
css

CSS优雅降级和渐进增强

448次阅读|1次收藏|396次赞

在设计网页写CSS样式时,经常需要考虑的是兼容性问题,不同的浏览器内核或者同一内核不同版本,CSS有时表现的形式就会出现差异,我们通常会选择优雅降级或者渐进增强的方式来解决各种差异。那么,CSS中优雅降级和渐进增强两者的区别是什么呢?
css

css中rem单位

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

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

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

677次阅读|174次收藏|294次赞

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

CSS中z-index层叠顺序

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

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

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

2611次阅读|273次收藏|86次赞

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

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

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

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

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

2314次阅读|405次收藏|253次赞

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

CSS3动画属性animation

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

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

css选择器优先级

1451次阅读|365次收藏|478次赞

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

display:inline-block的用法

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

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

CSS3弹性布局

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

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

移动端web字体

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

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