随笔分类 - CSS
摘要:css为html标记语言提供了一种样式描述,定义了其中元素的显示方式。下面我们来看一下css如何设置文本超出几行显示省略号。 css设置超出几行显示省略号: 1、单行文本 使用text-overflow:ellipsis属性 text-overflow: clip|ellipsis|string;
阅读全文
摘要:作者: 阮一峰 日期: 2008年5月 7日 CSS中背景图片的定位,困扰我很久了。今天总算搞懂了,一定要记下来。 在CSS中,背景图片的定位方法有3种: 1)关键字:background-position: top left; 2)像素:background-position: 0px 0px;
阅读全文
摘要:CSS选择器汇总(清爽版) 1、元素选择器 标签名{ } 2、id选择器 #id属性值{ } 3、类选择器 ·class属性值{ } 4、选择器分组(并集选择器) 作用:通过它可以同时选中多个选择器对应的元素(通常用于集体声明) 语法:选择器1,选择器2,选择器n{ } 5、复合选择器(交集选择器)
阅读全文
摘要:一、选择器的优先级排序 1. !important 在属性后面写上这条样式,会覆盖掉页面上任何位置定义的元素的样式。 2. 行内样式,在style属性里面写的样式。 3. id选择器 4. class选择器 5. 标签选择器 6. 通配符选择器* 7. 浏览器的自定义属性和继承
阅读全文
摘要:CSS中 !important 的使用 CSS的原理: 我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < 元素style中的属性,但是如果使用!important,事情就会变得不一样。 首先,先看下面一段代码: <!DOCTYPE HTML><html><head><meta
阅读全文