随笔分类 -  CSS

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

点击右上角即可分享
微信分享提示