2019年12月16日

“文本溢出截断省略” 方案

摘要: 核心 CSS 语句 overflow: hidden;(文字长度超出限定宽度,则隐藏超出的内容) white-space: nowrap;(设置文字在一行显示,不能换行) text-overflow: ellipsis;(规定当文本溢出时,显示省略符号来代表被修剪的文本) 优点 无兼容问题 响应式截 阅读全文

posted @ 2019-12-16 15:27 妮蔻V 阅读(323) 评论(0) 推荐(0) 编辑

2019年11月25日

改变浏览器选择文本的颜色(前景色和背景色)

摘要: ::selection { color: rgb(27, 231, 243); } ::-moz-selection { color: rgb(27, 231, 243); background: #191c8e; } ::selection 用来匹配用户选取的文本,IE9+、Opera、Chrom 阅读全文

posted @ 2019-11-25 11:49 妮蔻V 阅读(350) 评论(0) 推荐(0) 编辑

使溢出文字显示为...

摘要: 要使元素中溢出文字显示为省略号效果,需要设置3个CSS元素: white-space:设置如何处理元素中的空白,详见http://www.w3school.com.cn/cssref/pr_text_white-space.asp overflow:规定当内容溢出元素框时发生的事情,详见http:/ 阅读全文

posted @ 2019-11-25 10:41 妮蔻V 阅读(91) 评论(0) 推荐(0) 编辑

CSS文本居中问题

摘要: 文本水平居中 水平居中比较简单,将对应的html元素text-align属性值为center,其子元素就会水平居中。 文本垂直居中 单行文本垂直居中 设置文本元素的line-height属性值为元素高度。 多行文本垂直居中 文本元素为div时,可以设置div的vertical-align属性值为mi 阅读全文

posted @ 2019-11-25 10:10 妮蔻V 阅读(569) 评论(0) 推荐(0) 编辑

2019年11月21日

CSS中:和::

摘要: 一个冒号是伪类,两个冒号是伪元素 伪类可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的、不存在于文档树中且表达方式也不同,所以叫伪类。伪元素所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。 伪类有::firs 阅读全文

posted @ 2019-11-21 14:18 妮蔻V 阅读(843) 评论(0) 推荐(0) 编辑

2019年11月19日

选择器

摘要: 子代选择器 > 毗邻元素选择器 + 兄弟元素选择器 ~ 阅读全文

posted @ 2019-11-19 23:06 妮蔻V 阅读(77) 评论(0) 推荐(0) 编辑

浏览器去除内外边距

摘要: 1.body{margin:0;padding:0} 2.https://www.bootcdn.cn/normalize/ 复制link标签引入 <link href="https://cdn.bootcss.com/normalize/8.0.1/normalize.css" rel="styl 阅读全文

posted @ 2019-11-19 17:10 妮蔻V 阅读(351) 评论(0) 推荐(1) 编辑

导航