明凯博客

关注网站技术,一个特立独行的程序员

css

用CSS让字体在一行内显示不换行

当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢? 用CSS让文字在一行内显示不换行的方法 一般的文字截断(适用于内联与块): 1 2 3 4 5 6 7 8 .text-overflow{ display:blo […]

, ,

WordPress 加载 Javascript 和 CSS 的方法

有两种常用的 add_action 钩子可以加载 脚本和CSS到WordPress: init: 确保始终为您的网站头部加载脚本和CSS(如果使用home.php,index.php或一个模板文件),以及其他“前端”文章、页面和模板样式。 wp_enqueue_scripts:“ […]

, ,

纯CSS实现小箭头的方法

我们大多数的小箭头都是用小图片来做的,这里分享一款用纯CSS写的小箭头,大家可以看看,以后会放出更多的CSS小箭头来供大家参考。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 […]

,

响应式设计CSS3 Media Queries模板

上次写了一篇响应式文章的概述,很多朋友就问有没有模板提供呢? 用3个步骤实现响应式网页设计 下面给大家介绍一下常用的模板。 CSS3 Media Queries模板 CSS3 Media Queries一般都是使用“max-width”和“min-width”两个属性来检查各种设 […]

, ,

CSS样式表中的样式覆盖优先顺序

有时候在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题,如下 1 2 3 4 5 6 7 8 9 10 11 #navigator { height: 100%; width: 200; position: absolute; left: 0; […]

,

CSS让文字半透明显示在图片上的两种效果

CSS让一行文字显示在图片的底部,用来说明图片的内容,当作图片标题,标题文字和背景可以设置半透明,鼠标经过图片时边框换色。 代码预览 <head> <meta http-equiv="Content-Type" content="t […]

, ,

用border-radius做圆和奥运五环的的效果

radius5

语法: border-radius: 1-4 length|% / 1-4 length|%; 相关属性: border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , bor […]

, , ,

CSS实现Div层背景半透明而内容不透明的效果

css

前几天有一个学弟问我,怎么样能实现Div层背景半透明而内容不透明的效果呢,他写的效果不管怎么调试都是div层里面的内容是透明的。我想了一下,用浮动层可以做到啊,下面是代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 […]

, , ,

纯CSS实现气泡提示框聊天框效果

vis

世界上的语言多种多样,字符的种类也是千差万别,形状也是千奇百怪,所以,有些字符就可以当作图形来使用,以模拟一些web表现效果。很多对话框尖角就可以使用棱形字符(◆)来实现,我们可以让其溢出div显示,不就有了尖角效果了吗!定位可以使用margin负值或是absolute绝对定位。 […]

, , ,

推荐几款很棒的 HTML5 视频播放器

video

作为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性,其中之一就是 video 标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中,我收集了7个很棒的HTML5视频播放器,你可以很容易的应用到你的网站中。 VideoJS VideoJS 是最流行的 […]

, , ,

下一页