flash一直在最上方,设置z-index无效

时间:2017-8-31

在做web开发中,可能会遇到flash遮挡页面中元素的情况,无论怎么设置其它元素的z-index值也无效,flash一直在最上方,下面介绍其解决方法

word-break、word-wrap、white-space的用法

时间:2017-6-4

在Web编程中,会遇到文字比较多的情况,这个时候就需要涉及到强制换行、不换行;在CSS中,提供了word-break、word-wrap、white-space等属性控制换行。下面介绍文字遇到边界时的一些处理方法及word-break、word-wrap、white-space的用法。

html中哪些标签不能嵌套

时间:2017-6-4

HTML的标签有许多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong等等,我们在运用这些标签搭建页面结构的时候,但是,在使用时,这些html标签之间的嵌套也需要有一定规则,有些标签则不能互相嵌套,那么,html标签的嵌套规则有哪些呢?

Flash遮盖其它层,z-index无效

时间:2017-6-3

在WEB编程中,有时需要在页面中嵌入flash视频,例如优酷视频及其它flash资源,当我们嵌入flash视频后,如果该网页还有其它弹出框等需要用z-index设置层叠的元素时,默认设置会存在Flash一直在最上层,遮盖了其它层,使其它层设置的z-index无效。下面介绍解决方法

CSS3中user-select的用法

时间:2017-5-12

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

stylus、sass、less区别

时间:2017-3-15

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

css3 media媒体查询

时间:2017-3-11

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

CSS优雅降级和渐进增强

时间:2017-2-23

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

css中rem单位

时间:2016-11-27

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

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

时间:2016-11-23

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

CSS中z-index层叠顺序

时间:2016-11-13

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

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

时间:2016-5-16

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

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

时间:2016-5-3

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

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

时间:2016-2-14

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

CSS3动画属性animation

时间:2016-1-11

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

css选择器优先级

时间:2016-1-9

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

CSS3弹性布局

时间:2015-10-18

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

移动端web字体

时间:2015-10-8

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

Web安全色

时间:2015-8-17

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

css3 box-shadow

时间:2015-8-9

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