div+css

CSS单行和多行超出用省略号的方法
div+css

CSS单行和多行超出用省略号的方法

joai 2016-06-02 122浏览 评论

大家应该都知道用 text-overflow:ellipsis 属性来实现单行文本的溢出显示省略号...。 overflow : hidden ; text - overflow : ellipsis ; white - space : nowrap ; WebKit内核的浏览器的页面实现比较简单,可以直接使用WebKit的CSS扩展属性(WebKit是私有属性...

基本布局:网格布局和百分比布局
div+css

基本布局:网格布局和百分比布局

joai 2016-05-24 165浏览 评论

最简单的网格布局,就是平均分布。在容器里面平均分配空间,但是需要设置项目的自动缩放。 HTML代码: div class = Grid div class = Grid-cell ... / div div class = Grid-cell ... / div div class = Grid-cell ... / div / div CSS代码: div class = Gr...

flex布局概念篇
div+css

flex布局概念篇

joai 2016-05-23 164浏览 评论

Flex是Flexible Box的缩写,意为弹性布局,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。不过设为Flex布局以后,子元素的 float 、 clear 和 vertical-align 属性将失效。.box{ display:flex;} ,行内元素则换成这样.box{display:inlin...

CSS控制鼠标经过图片的明暗变化
div+css

CSS控制鼠标经过图片的明暗变化

admin 2016-05-17 92浏览 评论

CSS鼠标经过图片的明暗变化,一种是控制图片的透明度,但是兼容性不是很好。 .photo a img{width:137px; height:142px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.5;}.photo a:hover img{filter:progid:DXImageTransform....

CSS的一些特殊选择器
div+css

CSS的一些特殊选择器

admin 2016-05-17 163浏览 评论

1、 * 用于匹配任何的标记 2、 用于指定父子节点关系 3、 E + F毗邻元素选择器,匹配所有紧随E元素之后的同级元素F 4、 E ~ F 匹配所有E元素之后的同级元素F 5、 名称[表达式] 5.1 E[att]匹配所有具有att属性的E元素([att]获取所有的定义了att的标签;E[att...